Html Css Color HEX #556FDF Royal Blue

📋 copy color: '#556FDF'

red 85 ◦ green 111 ◦ blue 223

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

Shades of Royal Blue #556FDF

#556FDF
#4459B2
#36478E
#2B3972
#222E5B
#1B2549
#161E3A
#12182E
#0E1325
#0B0F1E
#090C18
#070A13
Black

Tints of Royal Blue #556FDF

#556FDF
#778CE5
#92A3EA
#A8B5EE
#B9C4F1
#C7D0F4
#D2D9F6
#DBE1F8
#E2E7F9
#E8ECFA
#EDF0FB
#F1F3FC
White

RGB

 RED value IS 85 (33.59% from 255) = 20.29%

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

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

R = 20.29%
G = 26.49%
B = 53.22%

CMYK

 C value IS 0.62

 M value IS 0.50

 Y value IS 0

 K value IS 0.13

RGB Variations

RGB:
#556FDF
RBG:
#55DF6F
GRB:
#6F55DF
GBR:
#6FDF55
BRG:
#DF55DF
BGR:
#DF6F55

Color information

#556FDF (or 0x556FDF) is known color: Royal Blue. HEX triplet: 55, 6F and DF. RGB value is (85,111,223). Sum of RGB (Red+Green+Blue) = 85+111+223=419 (55% of max value = 765). Red value is 85 (33.59% from 255 or 20.29% from 419); Green value is 111 (43.75% from 255 or 26.49% from 419); Blue value is 223 (87.5% from 255 or 53.22% from 419); Max value from RGB is 223 - color contains mainly: blue. Hex color #556FDF is not a web safe color. Web safe color analog (approx): #6666CC. Inversed color of #556FDF is #AA9020. Grayscale: #737373. Windows color (decimal): -11178017 or 14643029. OLE color: 14643029.

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

Color convert

RGB 85 111 223 -
CMYK 0.62 0.50 0 0.13
HSL 228.7º 0.68% 0.6% -
HSV(B) 228.7º 0.62% 0.87% -
XYZ 22.75 18.63 72.21 -
YUV 115.99 188.39 105.89 -
System Red Green Blue C M Y K H S L
Decimal 85 111 223 0.62 0.50 0 0.13 228.7 0.68 0.6
Hex 55 6F DF 3E 32 0 D E5 44 3C
Octal 125 157 337 76 62 0 15 345 104 74
Binary 1010101 1101111 11011111 111110 110010 0 1101 11100101 1000100 111100

Color Harmonies of #556FDF

Triadic Colors

#DF556F
#6FDF55

Analogous colors

#8055DF
#55B4DF

Split complements colors

#DF8055
#B4DF55

Complementary color

#DFC555

Monochromatic Colors of #556FDF

#D5DBF6
#ABB8EF
#808AB3
#3F53A7
#2B386F
#202A53

Black with #556FDF

Text Example


Text Example

White with #556FDF

Text Example


Text Example

HTML Codes & Css Web design

color css

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

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

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

background-color css

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

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

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

border-color css

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

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

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