#06afd0 hex color

In a RGB color space, hex #06afd0 is composed of 2.4% red, 68.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 15.9% magenta, 0% yellow and 18.4% black. It has a hue angle of 189.8 degrees, a saturation of 94.4% and a lightness of 42%. #06afd0 color hex could be obtained by blending #0cffff with #005fa1. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 69
- B 82
RGB color chart
- C 97
- M 16
- Y 0
- K 18
CMYK color chart

● #06afd0 color description : Strong cyan.

The hexadecimal color #06afd0 has RGB values of R:6, G:175, B:208 and CMYK values of C:0.97, M:0.16, Y:0, K:0.18. Its decimal value is 438224.

Hex triplet	06afd0	`#06afd0`
RGB Decimal	6, 175, 208	`rgb(6,175,208)`
RGB Percent	2.4, 68.6, 81.6	`rgb(2.4%,68.6%,81.6%)`
CMYK	97, 16, 0, 18
HSL	189.8°, 94.4, 42	`hsl(189.8,94.4%,42%)`
HSV (or HSB)	189.8°, 97.1, 81.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.943, -25.384, -27.176
XYZ	26.787, 35.25, 65.063
xyY	0.211, 0.277, 35.25
CIE-LCH	65.943, 37.187, 226.952
CIE-LUV	65.943, -47.247, -39.216
Hunter-Lab	59.372, -23.366, -23.413
Binary	00000110, 10101111, 11010000

#06afd0
```
#06afd0 rgb(6,175,208)
```
#d02706
```
#d02706 rgb(208,39,6)
```

Complementary Color

#06d08c
```
#06d08c rgb(6,208,140)
```
#06afd0
```
#06afd0 rgb(6,175,208)
```
#064ad0
```
#064ad0 rgb(6,74,208)
```

Analogous Color

#d08c06
```
#d08c06 rgb(208,140,6)
```
#06afd0
```
#06afd0 rgb(6,175,208)
```
#d0064a
```
#d0064a rgb(208,6,74)
```

Split Complementary Color

#afd006
```
#afd006 rgb(175,208,6)
```
#06afd0
```
#06afd0 rgb(6,175,208)
```
#d006af
```
#d006af rgb(208,6,175)
```

Triadic Color

#06d027
```
#06d027 rgb(6,208,39)
```
#06afd0
```
#06afd0 rgb(6,175,208)
```
#d006af
```
#d006af rgb(208,6,175)
```
#d02706
```
#d02706 rgb(208,39,6)
```

Tetradic Color

#047086
```
#047086 rgb(4,112,134)
```
#05859e
```
#05859e rgb(5,133,158)
```
#059ab7
```
#059ab7 rgb(5,154,183)
```
#06afd0
```
#06afd0 rgb(6,175,208)
```
#07c4e9
```
#07c4e9 rgb(7,196,233)
```
#11d2f8
```
#11d2f8 rgb(17,210,248)
```
#2ad7f9
```
#2ad7f9 rgb(42,215,249)
```

Monochromatic Color

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

#06d0bf
```
#06d0bf rgb(6,208,191)
```
#06d0cf
```
#06d0cf rgb(6,208,207)
```
#06c0d0
```
#06c0d0 rgb(6,192,208)
```
#06afd0
```
#06afd0 rgb(6,175,208)
```
#069ed0
```
#069ed0 rgb(6,158,208)
```
#068dd0
```
#068dd0 rgb(6,141,208)
```
#067dd0
```
#067dd0 rgb(6,125,208)
```

Similar Colors

Text with hexadecimal color #06afd0

This text has a font color of #06afd0.

<span style="color:#06afd0;">Text here</span>

#06afd0 background color

This paragraph has a background color of #06afd0.

<p style="background-color:#06afd0;">Content here</p>

#06afd0 border color

This element has a border color of #06afd0.

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

CSS codes

.text {color:#06afd0;}

.background {background-color:#06afd0;}

.border {border:1px solid #06afd0;}

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, #010f11 is the darkest color, while #fdffff is the lightest one.

#010f11
```
#010f11 rgb(1,15,17)
```
#011f24
```
#011f24 rgb(1,31,36)
```
#022f37
```
#022f37 rgb(2,47,55)
```
#023f4b
```
#023f4b rgb(2,63,75)
```
#034f5e
```
#034f5e rgb(3,79,94)
```
#035f71
```
#035f71 rgb(3,95,113)
```
#046f84
```
#046f84 rgb(4,111,132)
```
#047f97
```
#047f97 rgb(4,127,151)
```
#058faa
```
#058faa rgb(5,143,170)
```
#059fbd
```
#059fbd rgb(5,159,189)
```
#06afd0
```
#06afd0 rgb(6,175,208)
```
#07bfe3
```
#07bfe3 rgb(7,191,227)
```
#07cff6
```
#07cff6 rgb(7,207,246)
```

Shade Color Variation

#18d4f8
```
#18d4f8 rgb(24,212,248)
```
#2cd7f9
```
#2cd7f9 rgb(44,215,249)
```
#3fdbf9
```
#3fdbf9 rgb(63,219,249)
```
#52dffa
```
#52dffa rgb(82,223,250)
```
#65e2fb
```
#65e2fb rgb(101,226,251)
```
#78e6fb
```
#78e6fb rgb(120,230,251)
```
#8be9fc
```
#8be9fc rgb(139,233,252)
```
#9eedfc
```
#9eedfc rgb(158,237,252)
```
#b1f0fd
```
#b1f0fd rgb(177,240,253)
```
#c4f4fd
```
#c4f4fd rgb(196,244,253)
```
#d7f8fe
```
#d7f8fe rgb(215,248,254)
```
#eafbfe
```
#eafbfe rgb(234,251,254)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696d6d is the less saturated color, while #06afd0 is the most saturated one.

#696d6d
```
#696d6d rgb(105,109,109)
```
#617275
```
#617275 rgb(97,114,117)
```
#58787e
```
#58787e rgb(88,120,126)
```
#507d86
```
#507d86 rgb(80,125,134)
```
#48838e
```
#48838e rgb(72,131,142)
```
#408896
```
#408896 rgb(64,136,150)
```
#378e9f
```
#378e9f rgb(55,142,159)
```
#2f93a7
```
#2f93a7 rgb(47,147,167)
```
#2799af
```
#2799af rgb(39,153,175)
```
#1f9eb7
```
#1f9eb7 rgb(31,158,183)
```
#16a4c0
```
#16a4c0 rgb(22,164,192)
```
#0ea9c8
```
#0ea9c8 rgb(14,169,200)
```
#06afd0
```
#06afd0 rgb(6,175,208)
```

Tone Color Variation

Below, you can see how #06afd0 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

#808080 Achromatopsia 0.005% of the population
#688990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba3c8 Protanopia 1% of men
#95a3d8 Deuteranopia 1% of men
#00b5c2 Tritanopia 0.001% of the population

Trichromacy

#65a7cb Protanomaly 1% of men, 0.01% of women
#61a7d5 Deuteranomaly 6% of men, 0.4% of women
#02b2c7 Tritanomaly 0.01% of the population

#06afd0 hex color

#06afd0 Color Information

#06afd0 Color Conversion

Color Schemes with #06afd0

Alternatives to #06afd0

#06afd0 Preview

Shades and Tints of #06afd0

Tones of #06afd0

Color Blindness Simulator