#06afef hex color

In a RGB color space, hex #06afef is composed of 2.4% red, 68.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 26.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 196.5 degrees, a saturation of 95.1% and a lightness of 48%. #06afef color hex could be obtained by blending #0cffff with #005fdf. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 69
- B 94
RGB color chart
- C 97
- M 27
- Y 0
- K 6
CMYK color chart

● #06afef color description : Vivid blue.

The hexadecimal color #06afef has RGB values of R:6, G:175, B:239 and CMYK values of C:0.97, M:0.27, Y:0, K:0.06. Its decimal value is 438255.

Hex triplet	06afef	`#06afef`
RGB Decimal	6, 175, 239	`rgb(6,175,239)`
RGB Percent	2.4, 68.6, 93.7	`rgb(2.4%,68.6%,93.7%)`
CMYK	97, 27, 0, 6
HSL	196.5°, 95.1, 48	`hsl(196.5,95.1%,48%)`
HSV (or HSB)	196.5°, 97.5, 93.7
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.223, -14.615, -42.208
XYZ	30.981, 36.928, 87.151
xyY	0.2, 0.238, 36.928
CIE-LCH	67.223, 44.667, 250.901
CIE-LUV	67.223, -44.934, -66.112
Hunter-Lab	60.768, -15.341, -42.494
Binary	00000110, 10101111, 11101111

#06afef
```
#06afef rgb(6,175,239)
```
#ef4606
```
#ef4606 rgb(239,70,6)
```

Complementary Color

#06efbb
```
#06efbb rgb(6,239,187)
```
#06afef
```
#06afef rgb(6,175,239)
```
#063bef
```
#063bef rgb(6,59,239)
```

Analogous Color

#efbb06
```
#efbb06 rgb(239,187,6)
```
#06afef
```
#06afef rgb(6,175,239)
```
#ef063b
```
#ef063b rgb(239,6,59)
```

Split Complementary Color

#afef06
```
#afef06 rgb(175,239,6)
```
#06afef
```
#06afef rgb(6,175,239)
```
#ef06af
```
#ef06af rgb(239,6,175)
```

Triadic Color

#06ef46
```
#06ef46 rgb(6,239,70)
```
#06afef
```
#06afef rgb(6,175,239)
```
#ef06af
```
#ef06af rgb(239,6,175)
```
#ef4606
```
#ef4606 rgb(239,70,6)
```

Tetradic Color

#0478a4
```
#0478a4 rgb(4,120,164)
```
#058bbd
```
#058bbd rgb(5,139,189)
```
#059dd6
```
#059dd6 rgb(5,157,214)
```
#06afef
```
#06afef rgb(6,175,239)
```
#15bbf9
```
#15bbf9 rgb(21,187,249)
```
#2ec2fa
```
#2ec2fa rgb(46,194,250)
```
#47c9fa
```
#47c9fa rgb(71,201,250)
```

Monochromatic Color

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

#06e9ef
```
#06e9ef rgb(6,233,239)
```
#06d6ef
```
#06d6ef rgb(6,214,239)
```
#06c2ef
```
#06c2ef rgb(6,194,239)
```
#06afef
```
#06afef rgb(6,175,239)
```
#069cef
```
#069cef rgb(6,156,239)
```
#0688ef
```
#0688ef rgb(6,136,239)
```
#0675ef
```
#0675ef rgb(6,117,239)
```

Similar Colors

Text with hexadecimal color #06afef

This text has a font color of #06afef.

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

#06afef background color

This paragraph has a background color of #06afef.

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

#06afef border color

This element has a border color of #06afef.

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

CSS codes

.text {color:#06afef;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#01151d
```
#01151d rgb(1,21,29)
```
#012330
```
#012330 rgb(1,35,48)
```
#023143
```
#023143 rgb(2,49,67)
```
#023f56
```
#023f56 rgb(2,63,86)
```
#034d69
```
#034d69 rgb(3,77,105)
```
#035b7c
```
#035b7c rgb(3,91,124)
```
#04698f
```
#04698f rgb(4,105,143)
```
#0477a2
```
#0477a2 rgb(4,119,162)
```
#0585b6
```
#0585b6 rgb(5,133,182)
```
#0593c9
```
#0593c9 rgb(5,147,201)
```
#06a1dc
```
#06a1dc rgb(6,161,220)
```
#06afef
```
#06afef rgb(6,175,239)
```

Shade Color Variation

#10b9f9
```
#10b9f9 rgb(16,185,249)
```
#23bef9
```
#23bef9 rgb(35,190,249)
```
#36c4fa
```
#36c4fa rgb(54,196,250)
```
#49cafa
```
#49cafa rgb(73,202,250)
```
#5ccffb
```
#5ccffb rgb(92,207,251)
```
#6fd5fb
```
#6fd5fb rgb(111,213,251)
```
#82dbfc
```
#82dbfc rgb(130,219,252)
```
#96e0fc
```
#96e0fc rgb(150,224,252)
```
#a9e6fd
```
#a9e6fd rgb(169,230,253)
```
#bcebfd
```
#bcebfd rgb(188,235,253)
```
#cff1fe
```
#cff1fe rgb(207,241,254)
```
#e2f7fe
```
#e2f7fe rgb(226,247,254)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

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

#777c7e
```
#777c7e rgb(119,124,126)
```
#6e8087
```
#6e8087 rgb(110,128,135)
```
#648591
```
#648591 rgb(100,133,145)
```
#5b899a
```
#5b899a rgb(91,137,154)
```
#518da4
```
#518da4 rgb(81,141,164)
```
#4891ad
```
#4891ad rgb(72,145,173)
```
#3f96b6
```
#3f96b6 rgb(63,150,182)
```
#359ac0
```
#359ac0 rgb(53,154,192)
```
#2c9ec9
```
#2c9ec9 rgb(44,158,201)
```
#22a2d3
```
#22a2d3 rgb(34,162,211)
```
#19a7dc
```
#19a7dc rgb(25,167,220)
```
#0fabe6
```
#0fabe6 rgb(15,171,230)
```
#06afef
```
#06afef rgb(6,175,239)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6b8d99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a6e6 Protanopia 1% of men
#81a7f4 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#5fa9e9 Protanomaly 1% of men, 0.01% of women
#54aaf2 Deuteranomaly 6% of men, 0.4% of women
#02b5d4 Tritanomaly 0.01% of the population

#06afef hex color

#06afef Color Information

#06afef Color Conversion

Color Schemes with #06afef

Alternatives to #06afef

#06afef Preview

Shades and Tints of #06afef

Tones of #06afef

Color Blindness Simulator