Html Css Color HEX #04224C Sapphire

📋 copy color: '#04224C'

red 4 ◦ green 34 ◦ blue 76

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

Shades of Sapphire #04224C

#04224C
#031B3D
#021631
#021227
#020E1F
#020B19
#020914
#020710
#02060D
#02050A
#020408
#020306
Black

Tints of Sapphire #04224C

#04224C
#364E70
#5E718D
#7E8DA4
#98A4B6
#ADB6C5
#BDC5D1
#CAD1DA
#D5DAE1
#DDE1E7
#E4E7EC
#E9ECF0
White

RGB

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

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

 BLUE value IS 76 (30.08% from 255) = 66.67%

R = 3.51%
G = 29.82%
B = 66.67%

CMYK

 C value IS 0.95

 M value IS 0.55

 Y value IS 0

 K value IS 0.70

RGB Variations

RGB:
#04224C
RBG:
#044C22
GRB:
#22044C
GBR:
#224C04
BRG:
#4C044C
BGR:
#4C2204

Color information

#04224C (or 0x04224C) is known color: Sapphire. HEX triplet: 04, 22 and 4C. RGB value is (4,34,76). Sum of RGB (Red+Green+Blue) = 4+34+76=114 (15% of max value = 765). Red value is 4 (1.95% from 255 or 3.51% from 114); Green value is 34 (13.67% from 255 or 29.82% from 114); Blue value is 76 (30.08% from 255 or 66.67% from 114); Max value from RGB is 76 - color contains mainly: blue. Hex color #04224C is not a web safe color. Web safe color analog (approx): #003333. Inversed color of #04224C is #FBDDB3. Grayscale: #1D1D1D. Windows color (decimal): -16506292 or 4989444. OLE color: 4989444.

HSL color Cylindrical-coordinate representation of color #04224C: hue angle of 215º degrees, saturation: 0.9, lightness: 0.16%. HSV value (or HSB Brightness) of color is 0.3% and HSV saturation: 0.95%. Process color model (Four color, CMYK) of #04224C is Cyan = 0.95, Magento = 0.55, Yellow = 0 and Black (K on CMYK) = 0.70.

Color convert

RGB 4 34 76 -
CMYK 0.95 0.55 0 0.70
HSL 215º 0.9% 0.16% -
HSV(B) 215º 0.95% 0.3% -
XYZ 1.93 1.69 7.06 -
YUV 29.82 154.06 109.58 -
System Red Green Blue C M Y K H S L
Decimal 4 34 76 0.95 0.55 0 0.70 215 0.9 0.16
Hex 4 22 4C 5F 37 0 46 D7 5A 10
Octal 4 42 114 137 67 0 106 327 132 20
Binary 100 100010 1001100 1011111 110111 0 1000110 11010111 1011010 10000

Color Harmonies of #04224C

Triadic Colors

#4C0422
#224C04

Analogous colors

#0A044C
#04464C

Split complements colors

#4C0A04
#464C04

Complementary color

#4C2E04

Monochromatic Colors of #04224C

#C0C8D2
#8291A6
#616C7C
#031939
#021126
#010C1C

Black with #04224C

Text Example


Text Example

White with #04224C

Text Example


Text Example

HTML Codes & Css Web design

color css

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

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

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

background-color css

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

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

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

border-color css

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

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

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