Html Css Color HEX #02AFD0 Iris Blue

📋 copy color: '#02AFD0'

red 2 ◦ green 175 ◦ blue 208

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

Shades of Iris Blue #02AFD0

#02AFD0
#028CA6
#027085
#025A6A
#024855
#023A44
#022E36
#02252B
#021E22
#02181B
#021316
#020F12
Black

Tints of Iris Blue #02AFD0

#02AFD0
#35BFD9
#5DCCE1
#7DD6E7
#97DEEC
#ACE5F0
#BDEAF3
#CAEEF5
#D5F1F7
#DDF4F9
#E4F6FA
#E9F8FB
White

RGB

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

 GREEN value IS 175 (68.75% from 255) = 45.45%

 BLUE value IS 208 (81.64% from 255) = 54.03%

R = 0.52%
G = 45.45%
B = 54.03%

CMYK

 C value IS 0.99

 M value IS 0.16

 Y value IS 0

 K value IS 0.18

RGB Variations

RGB:
#02AFD0
RBG:
#02D0AF
GRB:
#AF02D0
GBR:
#AFD002
BRG:
#D002D0
BGR:
#D0AF02

Color information

#02AFD0 (or 0x02AFD0) is known color: Iris Blue. HEX triplet: 02, AF and D0. RGB value is (2,175,208). Sum of RGB (Red+Green+Blue) = 2+175+208=385 (50% of max value = 765). Red value is 2 (1.17% from 255 or 0.52% from 385); Green value is 175 (68.75% from 255 or 45.45% from 385); Blue value is 208 (81.64% from 255 or 54.03% from 385); Max value from RGB is 208 - color contains mainly: blue. Hex color #02AFD0 is not a web safe color. Web safe color analog (approx): #0099CC. Inversed color of #02AFD0 is #FD502F. Grayscale: #7E7E7E. Windows color (decimal): -16601136 or 13676290. OLE color: 13676290.

HSL color Cylindrical-coordinate representation of color #02AFD0: hue angle of 189.61º degrees, saturation: 0.98, lightness: 0.41%. HSV value (or HSB Brightness) of color is 0.82% and HSV saturation: 0.99%. Process color model (Four color, CMYK) of #02AFD0 is Cyan = 0.99, Magento = 0.16, Yellow = 0 and Black (K on CMYK) = 0.18.

Color convert

RGB 2 175 208 -
CMYK 0.99 0.16 0 0.18
HSL 189.61º 0.98% 0.41% -
HSV(B) 189.61º 0.99% 0.82% -
XYZ 26.74 35.23 65.06 -
YUV 127.04 173.69 38.82 -
System Red Green Blue C M Y K H S L
Decimal 2 175 208 0.99 0.16 0 0.18 189.61 0.98 0.41
Hex 2 AF D0 63 10 0 12 BE 62 29
Octal 2 257 320 143 20 0 22 276 142 51
Binary 10 10101111 11010000 1100011 10000 0 10010 10111110 1100010 101001

Color Harmonies of #02AFD0

Triadic Colors

#D002AF
#AFD002

Analogous colors

#0248D0
#02D08A

Split complements colors

#D00248
#D08A02

Complementary color

#D02302

Monochromatic Colors of #02AFD0

#C0EAF3
#81D7E8
#60A1AE
#01839C
#015768
#00414E

Black with #02AFD0

Text Example


Text Example

White with #02AFD0

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #02AFD0; }

 p { color: rgb(2,175,208); }

 H1.HeaderClassName
 {
   color: #02AFD0;
 }
 .AnyTagClassName
 {
   color: #02AFD0;
 }
</style>

background-color css

<style>
 a { background-color: #02AFD0; }

 a { background-color: rgb(2,175,208); }

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

border-color css

<style>
 span { border-color: #02AFD0; }

 span { border-color: rgb(2,175,208); }

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