#0af7ec hex color

In a RGB color space, hex #0af7ec is composed of 3.9% red, 96.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 0% magenta, 4.5% yellow and 3.1% black. It has a hue angle of 177.2 degrees, a saturation of 93.7% and a lightness of 50.4%. #0af7ec color hex could be obtained by blending #14ffff with #00efd9. Closest websafe color is: #00ffff.

♥
- f
- t
- g
- R 4
- G 97
- B 93
RGB color chart
- C 96
- M 0
- Y 4
- K 3
CMYK color chart

● #0af7ec color description : Vivid cyan.

The hexadecimal color #0af7ec has RGB values of R:10, G:247, B:236 and CMYK values of C:0.96, M:0, Y:0.04, K:0.03. Its decimal value is 718828.

Hex triplet	0af7ec	`#0af7ec`
RGB Decimal	10, 247, 236	`rgb(10,247,236)`
RGB Percent	3.9, 96.9, 92.5	`rgb(3.9%,96.9%,92.5%)`
CMYK	96, 0, 4, 3
HSL	177.2°, 93.7, 50.4	`hsl(177.2,93.7%,50.4%)`
HSV (or HSB)	177.2°, 96, 96.9
Web Safe	00ffff	`#00ffff`

CIE-LAB	88.274, -49.85, -8.479
XYZ	48.521, 72.637, 90.815
xyY	0.229, 0.343, 72.637
CIE-LCH	88.274, 50.566, 189.653
CIE-LUV	88.274, -69.132, -5.586
Hunter-Lab	85.227, -47.525, -3.518
Binary	00001010, 11110111, 11101100

#0af7ec
```
#0af7ec rgb(10,247,236)
```
#f70a15
```
#f70a15 rgb(247,10,21)
```

Complementary Color

#0af776
```
#0af776 rgb(10,247,118)
```
#0af7ec
```
#0af7ec rgb(10,247,236)
```
#0a8cf7
```
#0a8cf7 rgb(10,140,247)
```

Analogous Color

#f7760a
```
#f7760a rgb(247,118,10)
```
#0af7ec
```
#0af7ec rgb(10,247,236)
```
#f70a8c
```
#f70a8c rgb(247,10,140)
```

Split Complementary Color

#f7ec0a
```
#f7ec0a rgb(247,236,10)
```
#0af7ec
```
#0af7ec rgb(10,247,236)
```
#ec0af7
```
#ec0af7 rgb(236,10,247)
```

Triadic Color

#15f70a
```
#15f70a rgb(21,247,10)
```
#0af7ec
```
#0af7ec rgb(10,247,236)
```
#ec0af7
```
#ec0af7 rgb(236,10,247)
```
#f70a15
```
#f70a15 rgb(247,10,21)
```

Tetradic Color

#06afa7
```
#06afa7 rgb(6,175,167)
```
#07c7bf
```
#07c7bf rgb(7,199,191)
```
#07e0d6
```
#07e0d6 rgb(7,224,214)
```
#0af7ec
```
#0af7ec rgb(10,247,236)
```
#23f8ee
```
#23f8ee rgb(35,248,238)
```
#3bf9f0
```
#3bf9f0 rgb(59,249,240)
```
#54f9f2
```
#54f9f2 rgb(84,249,242)
```

Monochromatic Color

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

#0af7b1
```
#0af7b1 rgb(10,247,177)
```
#0af7c5
```
#0af7c5 rgb(10,247,197)
```
#0af7d8
```
#0af7d8 rgb(10,247,216)
```
#0af7ec
```
#0af7ec rgb(10,247,236)
```
#0aeef7
```
#0aeef7 rgb(10,238,247)
```
#0adbf7
```
#0adbf7 rgb(10,219,247)
```
#0ac7f7
```
#0ac7f7 rgb(10,199,247)
```

Similar Colors

Text with hexadecimal color #0af7ec

This text has a font color of #0af7ec.

<span style="color:#0af7ec;">Text here</span>

#0af7ec background color

This paragraph has a background color of #0af7ec.

<p style="background-color:#0af7ec;">Content here</p>

#0af7ec border color

This element has a border color of #0af7ec.

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

CSS codes

.text {color:#0af7ec;}

.background {background-color:#0af7ec;}

.border {border:1px solid #0af7ec;}

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, #000202 is the darkest color, while #eefefe is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#011514
```
#011514 rgb(1,21,20)
```
#012826
```
#012826 rgb(1,40,38)
```
#023b38
```
#023b38 rgb(2,59,56)
```
#034e4a
```
#034e4a rgb(3,78,74)
```
#03615d
```
#03615d rgb(3,97,93)
```
#04746f
```
#04746f rgb(4,116,111)
```
#048781
```
#048781 rgb(4,135,129)
```
#059a93
```
#059a93 rgb(5,154,147)
```
#06ada5
```
#06ada5 rgb(6,173,165)
```
#06c0b7
```
#06c0b7 rgb(6,192,183)
```
#07d3c9
```
#07d3c9 rgb(7,211,201)
```
#08e6dc
```
#08e6dc rgb(8,230,220)
```

Shade Color Variation

#0af7ec
```
#0af7ec rgb(10,247,236)
```
#1df8ed
```
#1df8ed rgb(29,248,237)
```
#30f8ef
```
#30f8ef rgb(48,248,239)
```
#43f9f0
```
#43f9f0 rgb(67,249,240)
```
#56f9f2
```
#56f9f2 rgb(86,249,242)
```
#69faf3
```
#69faf3 rgb(105,250,243)
```
#7cfbf5
```
#7cfbf5 rgb(124,251,245)
```
#8ffbf6
```
#8ffbf6 rgb(143,251,246)
```
#a2fcf8
```
#a2fcf8 rgb(162,252,248)
```
#b5fdf9
```
#b5fdf9 rgb(181,253,249)
```
#c8fdfb
```
#c8fdfb rgb(200,253,251)
```
#dbfefc
```
#dbfefc rgb(219,254,252)
```
#eefefe
```
#eefefe rgb(238,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8282 is the less saturated color, while #0af7ec is the most saturated one.

#7f8282
```
#7f8282 rgb(127,130,130)
```
#758c8b
```
#758c8b rgb(117,140,139)
```
#6b9694
```
#6b9694 rgb(107,150,148)
```
#629f9d
```
#629f9d rgb(98,159,157)
```
#58a9a5
```
#58a9a5 rgb(88,169,165)
```
#4eb3ae
```
#4eb3ae rgb(78,179,174)
```
#44bdb7
```
#44bdb7 rgb(68,189,183)
```
#3bc6c0
```
#3bc6c0 rgb(59,198,192)
```
#31d0c9
```
#31d0c9 rgb(49,208,201)
```
#27dad2
```
#27dad2 rgb(39,218,210)
```
#1de4da
```
#1de4da rgb(29,228,218)
```
#14ede3
```
#14ede3 rgb(20,237,227)
```
#0af7ec
```
#0af7ec rgb(10,247,236)
```

Tone Color Variation

Below, you can see how #0af7ec 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

#afafaf Achromatopsia 0.005% of the population
#8ebdbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2dedf Protanopia 1% of men
#e7d9f7 Deuteranopia 1% of men
#79f0ff Tritanopia 0.001% of the population

Trichromacy

#93e7e3 Protanomaly 1% of men, 0.01% of women
#97e4f3 Deuteranomaly 6% of men, 0.4% of women
#50f2f8 Tritanomaly 0.01% of the population

#0af7ec hex color

#0af7ec Color Information

#0af7ec Color Conversion

Color Schemes with #0af7ec

Alternatives to #0af7ec

#0af7ec Preview

Shades and Tints of #0af7ec

Tones of #0af7ec

Color Blindness Simulator