Html Css Color HEX #04227C Sapphire

📋 copy color: '#04227C'

red 4 ◦ green 34 ◦ blue 124

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

Shades of Sapphire #04227C

#04227C
#031B63
#02164F
#02123F
#020E32
#020B28
#020920
#02071A
#020615
#020511
#02040E
#02030B
Black

Tints of Sapphire #04227C

#04227C
#364E96
#5E71AB
#7E8DBC
#98A4C9
#ADB6D4
#BDC5DD
#CAD1E4
#D5DAE9
#DDE1ED
#E4E7F1
#E9ECF4
White

RGB

 RED value IS 4 (1.95% from 255) = 2.47%

 GREEN value IS 34 (13.67% from 255) = 20.99%

 BLUE value IS 124 (48.83% from 255) = 76.54%

R = 2.47%
G = 20.99%
B = 76.54%

CMYK

 C value IS 0.97

 M value IS 0.73

 Y value IS 0

 K value IS 0.51

RGB Variations

RGB:
#04227C
RBG:
#047C22
GRB:
#22047C
GBR:
#227C04
BRG:
#7C047C
BGR:
#7C2204

Color information

#04227C (or 0x04227C) is known color: Sapphire. HEX triplet: 04, 22 and 7C. RGB value is (4,34,124). Sum of RGB (Red+Green+Blue) = 4+34+124=162 (21% of max value = 765). Red value is 4 (1.95% from 255 or 2.47% from 162); Green value is 34 (13.67% from 255 or 20.99% from 162); Blue value is 124 (48.83% from 255 or 76.54% from 162); Max value from RGB is 124 - color contains mainly: blue. Hex color #04227C is not a web safe color. Web safe color analog (approx): #003366. Inversed color of #04227C is #FBDD83. Grayscale: #222222. Windows color (decimal): -16506244 or 8135172. OLE color: 8135172.

HSL color Cylindrical-coordinate representation of color #04227C: hue angle of 225º degrees, saturation: 0.94, lightness: 0.25%. HSV value (or HSB Brightness) of color is 0.49% and HSV saturation: 0.97%. Process color model (Four color, CMYK) of #04227C is Cyan = 0.97, Magento = 0.73, Yellow = 0 and Black (K on CMYK) = 0.51.

Color convert

RGB 4 34 124 -
CMYK 0.97 0.73 0 0.51
HSL 225º 0.94% 0.25% -
HSV(B) 225º 0.97% 0.49% -
XYZ 4.26 2.63 19.35 -
YUV 35.29 178.06 105.68 -
System Red Green Blue C M Y K H S L
Decimal 4 34 124 0.97 0.73 0 0.51 225 0.94 0.25
Hex 4 22 7C 61 49 0 33 E1 5E 19
Octal 4 42 174 141 111 0 63 341 136 31
Binary 100 100010 1111100 1100001 1001001 0 110011 11100001 1011110 11001

Color Harmonies of #04227C

Triadic Colors

#7C0422
#227C04

Analogous colors

#22047C
#045E7C

Split complements colors

#7C2204
#5E7C04

Complementary color

#7C5E04

Monochromatic Colors of #04227C

#C0C8DE
#8291BE
#616C8E
#03195D
#02113E
#010C2E

Black with #04227C

Text Example


Text Example

White with #04227C

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #04227C; }

 p { color: rgb(4,34,124); }

 H1.HeaderClassName
 {
   color: #04227C;
 }
 .AnyTagClassName
 {
   color: #04227C;
 }
</style>

background-color css

<style>
 a { background-color: #04227C; }

 a { background-color: rgb(4,34,124); }

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

border-color css

<style>
 span { border-color: #04227C; }

 span { border-color: rgb(4,34,124); }

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