#06afb4 hex color

In a RGB color space, hex #06afb4 is composed of 2.4% red, 68.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 2.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 181.7 degrees, a saturation of 93.5% and a lightness of 36.5%. #06afb4 color hex could be obtained by blending #0cffff with #005f69. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 69
- B 71
RGB color chart
- C 97
- M 3
- Y 0
- K 29
CMYK color chart

● #06afb4 color description : Strong cyan.

The hexadecimal color #06afb4 has RGB values of R:6, G:175, B:180 and CMYK values of C:0.97, M:0.03, Y:0, K:0.29. Its decimal value is 438196.

Hex triplet	06afb4	`#06afb4`
RGB Decimal	6, 175, 180	`rgb(6,175,180)`
RGB Percent	2.4, 68.6, 70.6	`rgb(2.4%,68.6%,70.6%)`
CMYK	97, 3, 0, 29
HSL	181.7°, 93.5, 36.5	`hsl(181.7,93.5%,36.5%)`
HSV (or HSB)	181.7°, 96.7, 70.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.956, -34.503, -13.155
XYZ	23.641, 33.992, 48.493
xyY	0.223, 0.32, 33.992
CIE-LCH	64.956, 36.925, 200.87
CIE-LUV	64.956, -49.458, -15.014
Hunter-Lab	58.302, -29.65, -8.503
Binary	00000110, 10101111, 10110100

#06afb4
```
#06afb4 rgb(6,175,180)
```
#b40b06
```
#b40b06 rgb(180,11,6)
```

Complementary Color

#06b462
```
#06b462 rgb(6,180,98)
```
#06afb4
```
#06afb4 rgb(6,175,180)
```
#0658b4
```
#0658b4 rgb(6,88,180)
```

Analogous Color

#b46206
```
#b46206 rgb(180,98,6)
```
#06afb4
```
#06afb4 rgb(6,175,180)
```
#b40658
```
#b40658 rgb(180,6,88)
```

Split Complementary Color

#afb406
```
#afb406 rgb(175,180,6)
```
#06afb4
```
#06afb4 rgb(6,175,180)
```
#b406af
```
#b406af rgb(180,6,175)
```

Triadic Color

#06b40b
```
#06b40b rgb(6,180,11)
```
#06afb4
```
#06afb4 rgb(6,175,180)
```
#b406af
```
#b406af rgb(180,6,175)
```
#b40b06
```
#b40b06 rgb(180,11,6)
```

Tetradic Color

#04676a
```
#04676a rgb(4,103,106)
```
#047f83
```
#047f83 rgb(4,127,131)
```
#05979b
```
#05979b rgb(5,151,155)
```
#06afb4
```
#06afb4 rgb(6,175,180)
```
#07c7cd
```
#07c7cd rgb(7,199,205)
```
#08dfe5
```
#08dfe5 rgb(8,223,229)
```
#0ff0f7
```
#0ff0f7 rgb(15,240,247)
```

Monochromatic Color

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

#06b48e
```
#06b48e rgb(6,180,142)
```
#06b49c
```
#06b49c rgb(6,180,156)
```
#06b4ab
```
#06b4ab rgb(6,180,171)
```
#06afb4
```
#06afb4 rgb(6,175,180)
```
#06a1b4
```
#06a1b4 rgb(6,161,180)
```
#0692b4
```
#0692b4 rgb(6,146,180)
```
#0684b4
```
#0684b4 rgb(6,132,180)
```

Similar Colors

Text with hexadecimal color #06afb4

This text has a font color of #06afb4.

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

#06afb4 background color

This paragraph has a background color of #06afb4.

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

#06afb4 border color

This element has a border color of #06afb4.

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

CSS codes

.text {color:#06afb4;}

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

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

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

#000909
```
#000909 rgb(0,9,9)
```
#011b1c
```
#011b1c rgb(1,27,28)
```
#022e2f
```
#022e2f rgb(2,46,47)
```
#024042
```
#024042 rgb(2,64,66)
```
#035355
```
#035355 rgb(3,83,85)
```
#036568
```
#036568 rgb(3,101,104)
```
#04787b
```
#04787b rgb(4,120,123)
```
#058a8e
```
#058a8e rgb(5,138,142)
```
#059da1
```
#059da1 rgb(5,157,161)
```
#06afb4
```
#06afb4 rgb(6,175,180)
```
#07c1c7
```
#07c1c7 rgb(7,193,199)
```
#07d4da
```
#07d4da rgb(7,212,218)
```
#08e6ed
```
#08e6ed rgb(8,230,237)
```

Shade Color Variation

#11f0f7
```
#11f0f7 rgb(17,240,247)
```
#24f2f8
```
#24f2f8 rgb(36,242,248)
```
#37f3f8
```
#37f3f8 rgb(55,243,248)
```
#4af4f9
```
#4af4f9 rgb(74,244,249)
```
#5df5fa
```
#5df5fa rgb(93,245,250)
```
#70f6fa
```
#70f6fa rgb(112,246,250)
```
#83f7fb
```
#83f7fb rgb(131,247,251)
```
#96f9fc
```
#96f9fc rgb(150,249,252)
```
#a9fafc
```
#a9fafc rgb(169,250,252)
```
#bcfbfd
```
#bcfbfd rgb(188,251,253)
```
#cffcfd
```
#cffcfd rgb(207,252,253)
```
#e2fdfe
```
#e2fdfe rgb(226,253,254)
```
#f5feff
```
#f5feff rgb(245,254,255)
```

Tint Color Variation

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

#5c5e5e
```
#5c5e5e rgb(92,94,94)
```
#556565
```
#556565 rgb(85,101,101)
```
#4e6c6c
```
#4e6c6c rgb(78,108,108)
```
#467274
```
#467274 rgb(70,114,116)
```
#3f797b
```
#3f797b rgb(63,121,123)
```
#388082
```
#388082 rgb(56,128,130)
```
#318789
```
#318789 rgb(49,135,137)
```
#2a8d90
```
#2a8d90 rgb(42,141,144)
```
#239497
```
#239497 rgb(35,148,151)
```
#1b9b9f
```
#1b9b9f rgb(27,155,159)
```
#14a2a6
```
#14a2a6 rgb(20,162,166)
```
#0da8ad
```
#0da8ad rgb(13,168,173)
```
#06afb4
```
#06afb4 rgb(6,175,180)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#658788 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a1ad Protanopia 1% of men
#a29fbf Deuteranopia 1% of men
#24b1bf Tritanopia 0.001% of the population

Trichromacy

#69a6b0 Protanomaly 1% of men, 0.01% of women
#69a4bb Deuteranomaly 6% of men, 0.4% of women
#19b0bb Tritanomaly 0.01% of the population

#06afb4 hex color

#06afb4 Color Information

#06afb4 Color Conversion

Color Schemes with #06afb4

Alternatives to #06afb4

#06afb4 Preview

Shades and Tints of #06afb4

Tones of #06afb4

Color Blindness Simulator