Html Css Color HEX #02225C Sapphire

📋 copy color: '#02225C'

red 2 ◦ green 34 ◦ blue 92

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

Shades of Sapphire #02225C

#02225C
#021B4A
#02163B
#02122F
#020E26
#020B1E
#020918
#020713
#02060F
#02050C
#02040A
#020308
Black

Tints of Sapphire #02225C

#02225C
#354E7D
#5D7197
#7D8DAC
#97A4BD
#ACB6CA
#BDC5D5
#CAD1DD
#D5DAE4
#DDE1E9
#E4E7ED
#E9ECF1
White

RGB

 RED value IS 2 (1.17% from 255) = 1.56%

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

 BLUE value IS 92 (36.33% from 255) = 71.88%

R = 1.56%
G = 26.56%
B = 71.88%

CMYK

 C value IS 0.98

 M value IS 0.63

 Y value IS 0

 K value IS 0.64

RGB Variations

RGB:
#02225C
RBG:
#025C22
GRB:
#22025C
GBR:
#225C02
BRG:
#5C025C
BGR:
#5C2202

Color information

#02225C (or 0x02225C) is known color: Sapphire. HEX triplet: 02, 22 and 5C. RGB value is (2,34,92). Sum of RGB (Red+Green+Blue) = 2+34+92=128 (16% of max value = 765). Red value is 2 (1.17% from 255 or 1.56% from 128); Green value is 34 (13.67% from 255 or 26.56% from 128); Blue value is 92 (36.33% from 255 or 71.88% from 128); Max value from RGB is 92 - color contains mainly: blue. Hex color #02225C is not a web safe color. Web safe color analog (approx): #003366. Inversed color of #02225C is #FDDDA3. Grayscale: #1E1E1E. Windows color (decimal): -16637348 or 6038018. OLE color: 6038018.

HSL color Cylindrical-coordinate representation of color #02225C: hue angle of 218.67º degrees, saturation: 0.96, lightness: 0.18%. HSV value (or HSB Brightness) of color is 0.36% and HSV saturation: 0.98%. Process color model (Four color, CMYK) of #02225C is Cyan = 0.98, Magento = 0.63, Yellow = 0 and Black (K on CMYK) = 0.64.

Color convert

RGB 2 34 92 -
CMYK 0.98 0.63 0 0.64
HSL 218.67º 0.96% 0.18% -
HSV(B) 218.67º 0.98% 0.36% -
XYZ 2.53 1.93 10.36 -
YUV 31.04 162.4 107.28 -
System Red Green Blue C M Y K H S L
Decimal 2 34 92 0.98 0.63 0 0.64 218.67 0.96 0.18
Hex 2 22 5C 62 3F 0 40 DB 60 12
Octal 2 42 134 142 77 0 100 333 140 22
Binary 10 100010 1011100 1100010 111111 0 1000000 11011011 1100000 10010

Color Harmonies of #02225C

Triadic Colors

#5C0222
#225C02

Analogous colors

#0F025C
#024F5C

Split complements colors

#5C0F02
#4F5C02

Complementary color

#5C3C02

Monochromatic Colors of #02225C

#C0C8D6
#8191AE
#606C82
#011945
#01112E
#000C22

Black with #02225C

Text Example


Text Example

White with #02225C

Text Example


Text Example

HTML Codes & Css Web design

color css

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

 p { color: rgb(2,34,92); }

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

background-color css

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

 a { background-color: rgb(2,34,92); }

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

border-color css

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

 span { border-color: rgb(2,34,92); }

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