Html Css Color HEX #506FDF Royal Blue

📋 copy color: '#506FDF'

red 80 ◦ green 111 ◦ blue 223

#506FDF
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Royal Blue #506FDF

#506FDF
#4059B2
#33478E
#293972
#212E5B
#1A2549
#151E3A
#11182E
#0E1325
#0B0F1E
#090C18
#070A13
Black

Tints of Royal Blue #506FDF

#506FDF
#738CE5
#8FA3EA
#A5B5EE
#B7C4F1
#C5D0F4
#D1D9F6
#DAE1F8
#E1E7F9
#E7ECFA
#ECF0FB
#F0F3FC
White

RGB

 RED value IS 80 (31.64% from 255) = 19.32%

 GREEN value IS 111 (43.75% from 255) = 26.81%

 BLUE value IS 223 (87.5% from 255) = 53.86%

R = 19.32%
G = 26.81%
B = 53.86%

CMYK

 C value IS 0.64

 M value IS 0.50

 Y value IS 0

 K value IS 0.13

RGB Variations

RGB:
#506FDF
RBG:
#50DF6F
GRB:
#6F50DF
GBR:
#6FDF50
BRG:
#DF50DF
BGR:
#DF6F50

Color information

#506FDF (or 0x506FDF) is known color: Royal Blue. HEX triplet: 50, 6F and DF. RGB value is (80,111,223). Sum of RGB (Red+Green+Blue) = 80+111+223=414 (54% of max value = 765). Red value is 80 (31.64% from 255 or 19.32% from 414); Green value is 111 (43.75% from 255 or 26.81% from 414); Blue value is 223 (87.5% from 255 or 53.86% from 414); Max value from RGB is 223 - color contains mainly: blue. Hex color #506FDF is not a web safe color. Web safe color analog (approx): #6666CC. Inversed color of #506FDF is #AF9020. Grayscale: #727272. Windows color (decimal): -11505697 or 14643024. OLE color: 14643024.

HSL color Cylindrical-coordinate representation of color #506FDF: hue angle of 226.99º degrees, saturation: 0.69, lightness: 0.59%. HSV value (or HSB Brightness) of color is 0.87% and HSV saturation: 0.64%. Process color model (Four color, CMYK) of #506FDF is Cyan = 0.64, Magento = 0.50, Yellow = 0 and Black (K on CMYK) = 0.13.

Color convert

RGB 80 111 223 -
CMYK 0.64 0.50 0 0.13
HSL 226.99º 0.69% 0.59% -
HSV(B) 226.99º 0.64% 0.87% -
XYZ 22.31 18.4 72.19 -
YUV 114.5 189.23 103.39 -
System Red Green Blue C M Y K H S L
Decimal 80 111 223 0.64 0.50 0 0.13 226.99 0.69 0.59
Hex 50 6F DF 40 32 0 D E3 45 3B
Octal 120 157 337 100 62 0 15 343 105 73
Binary 1010000 1101111 11011111 1000000 110010 0 1101 11100011 1000101 111011

Color Harmonies of #506FDF

Triadic Colors

#DF506F
#6FDF50

Analogous colors

#7850DF
#50B6DF

Split complements colors

#DF7850
#B6DF50

Complementary color

#DFC050

Monochromatic Colors of #506FDF

#D3DBF6
#A8B8EF
#7E8AB3
#3C53A7
#28386F
#1E2A53

Black with #506FDF

Text Example


Text Example

White with #506FDF

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #506FDF; }

 p { color: rgb(80,111,223); }

 H1.HeaderClassName
 {
   color: #506FDF;
 }
 .AnyTagClassName
 {
   color: #506FDF;
 }
</style>

background-color css

<style>
 a { background-color: #506FDF; }

 a { background-color: rgb(80,111,223); }

 div.DivClassName
 {
   background-color: #506FDF;
 }
 .BgClassName
 {
   background-color: #506FDF;
 }
</style>

border-color css

<style>
 span { border-color: #506FDF; }

 span { border-color: rgb(80,111,223); }

 td.TdClassName
 {
   border-color: #506FDF;
 }
 .TagClassName
 {
   border-color: #506FDF;
 }
</style>