#00afec hex color

In a RGB color space, hex #00afec is composed of 0% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 195.5 degrees, a saturation of 100% and a lightness of 46.3%. #00afec color hex could be obtained by blending #00ffff with #005fd9. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 69
- B 93
RGB color chart
- C 100
- M 26
- Y 0
- K 7
CMYK color chart

● #00afec color description : Pure (or mostly pure) blue.

The hexadecimal color #00afec has RGB values of R:0, G:175, B:236 and CMYK values of C:1, M:0.26, Y:0, K:0.07. Its decimal value is 45036.

Hex triplet	00afec	`#00afec`
RGB Decimal	0, 175, 236	`rgb(0,175,236)`
RGB Percent	0, 68.6, 92.5	`rgb(0%,68.6%,92.5%)`
CMYK	100, 26, 0, 7
HSL	195.5°, 100, 46.3	`hsl(195.5,100%,46.3%)`
HSV (or HSB)	195.5°, 100, 92.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.061, -15.835, -40.825
XYZ	30.466, 36.713, 84.833
xyY	0.2, 0.242, 36.713
CIE-LCH	67.061, 43.788, 248.8
CIE-LUV	67.061, -45.341, -63.588
Hunter-Lab	60.591, -16.282, -40.597
Binary	00000000, 10101111, 11101100

#00afec
```
#00afec rgb(0,175,236)
```
#ec3d00
```
#ec3d00 rgb(236,61,0)
```

Complementary Color

#00ecb3
```
#00ecb3 rgb(0,236,179)
```
#00afec
```
#00afec rgb(0,175,236)
```
#0039ec
```
#0039ec rgb(0,57,236)
```

Analogous Color

#ecb300
```
#ecb300 rgb(236,179,0)
```
#00afec
```
#00afec rgb(0,175,236)
```
#ec0039
```
#ec0039 rgb(236,0,57)
```

Split Complementary Color

#afec00
```
#afec00 rgb(175,236,0)
```
#00afec
```
#00afec rgb(0,175,236)
```
#ec00af
```
#ec00af rgb(236,0,175)
```

Triadic Color

#00ec3d
```
#00ec3d rgb(0,236,61)
```
#00afec
```
#00afec rgb(0,175,236)
```
#ec00af
```
#ec00af rgb(236,0,175)
```
#ec3d00
```
#ec3d00 rgb(236,61,0)
```

Tetradic Color

#0076a0
```
#0076a0 rgb(0,118,160)
```
#0089b9
```
#0089b9 rgb(0,137,185)
```
#009cd3
```
#009cd3 rgb(0,156,211)
```
#00afec
```
#00afec rgb(0,175,236)
```
#06bfff
```
#06bfff rgb(6,191,255)
```
#20c5ff
```
#20c5ff rgb(32,197,255)
```
#3accff
```
#3accff rgb(58,204,255)
```

Monochromatic Color

Below, you can see some colors close to #00afec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#00eaec
```
#00eaec rgb(0,234,236)
```
#00d6ec
```
#00d6ec rgb(0,214,236)
```
#00c3ec
```
#00c3ec rgb(0,195,236)
```
#00afec
```
#00afec rgb(0,175,236)
```
#009bec
```
#009bec rgb(0,155,236)
```
#0088ec
```
#0088ec rgb(0,136,236)
```
#0074ec
```
#0074ec rgb(0,116,236)
```

Similar Colors

Text with hexadecimal color #00afec

This text has a font color of #00afec.

<span style="color:#00afec;">Text here</span>

#00afec background color

This paragraph has a background color of #00afec.

<p style="background-color:#00afec;">Content here</p>

#00afec border color

This element has a border color of #00afec.

<div style="border:1px solid #00afec;">Content here</div>

CSS codes

.text {color:#00afec;}

.background {background-color:#00afec;}

.border {border:1px solid #00afec;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000001 is the darkest color, while #ecfaff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#000f14
```
#000f14 rgb(0,15,20)
```
#001e28
```
#001e28 rgb(0,30,40)
```
#002c3b
```
#002c3b rgb(0,44,59)
```
#003b4f
```
#003b4f rgb(0,59,79)
```
#004963
```
#004963 rgb(0,73,99)
```
#005876
```
#005876 rgb(0,88,118)
```
#00668a
```
#00668a rgb(0,102,138)
```
#00759e
```
#00759e rgb(0,117,158)
```
#0083b1
```
#0083b1 rgb(0,131,177)
```
#0092c5
```
#0092c5 rgb(0,146,197)
```
#00a0d8
```
#00a0d8 rgb(0,160,216)
```
#00afec
```
#00afec rgb(0,175,236)
```

Shade Color Variation

#01bdff
```
#01bdff rgb(1,189,255)
```
#14c2ff
```
#14c2ff rgb(20,194,255)
```
#28c7ff
```
#28c7ff rgb(40,199,255)
```
#3bccff
```
#3bccff rgb(59,204,255)
```
#4fd2ff
```
#4fd2ff rgb(79,210,255)
```
#63d7ff
```
#63d7ff rgb(99,215,255)
```
#76dcff
```
#76dcff rgb(118,220,255)
```
#8ae1ff
```
#8ae1ff rgb(138,225,255)
```
#9ee6ff
```
#9ee6ff rgb(158,230,255)
```
#b1ebff
```
#b1ebff rgb(177,235,255)
```
#c5f0ff
```
#c5f0ff rgb(197,240,255)
```
#d8f5ff
```
#d8f5ff rgb(216,245,255)
```
#ecfaff
```
#ecfaff rgb(236,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7a7f is the less saturated color, while #00afec is the most saturated one.

#6d7a7f
```
#6d7a7f rgb(109,122,127)
```
#647f88
```
#647f88 rgb(100,127,136)
```
#5b8391
```
#5b8391 rgb(91,131,145)
```
#52889a
```
#52889a rgb(82,136,154)
```
#498ca3
```
#498ca3 rgb(73,140,163)
```
#4090ac
```
#4090ac rgb(64,144,172)
```
#3695b6
```
#3695b6 rgb(54,149,182)
```
#2d99bf
```
#2d99bf rgb(45,153,191)
```
#249dc8
```
#249dc8 rgb(36,157,200)
```
#1ba2d1
```
#1ba2d1 rgb(27,162,209)
```
#12a6da
```
#12a6da rgb(18,166,218)
```
#09abe3
```
#09abe3 rgb(9,171,227)
```
#00afec
```
#00afec rgb(0,175,236)
```

Tone Color Variation

Below, you can see how #00afec is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#828282 Achromatopsia 0.005% of the population
#688b97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a5e3 Protanopia 1% of men
#83a7f1 Deuteranopia 1% of men
#00b8c4 Tritanopia 0.001% of the population

Trichromacy

#5ea9e6 Protanomaly 1% of men, 0.01% of women
#53aaef Deuteranomaly 6% of men, 0.4% of women
#00b4d3 Tritanomaly 0.01% of the population

#00afec hex color

#00afec Color Information

#00afec Color Conversion

Color Schemes with #00afec

Alternatives to #00afec

#00afec Preview

Shades and Tints of #00afec

Tones of #00afec

Color Blindness Simulator