#06b8e2 hex color

In a RGB color space, hex #06b8e2 is composed of 2.4% red, 72.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 18.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 191.5 degrees, a saturation of 94.8% and a lightness of 45.5%. #06b8e2 color hex could be obtained by blending #0cffff with #0071c5. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 72
- B 89
RGB color chart
- C 97
- M 19
- Y 0
- K 11
CMYK color chart

● #06b8e2 color description : Vivid cyan.

The hexadecimal color #06b8e2 has RGB values of R:6, G:184, B:226 and CMYK values of C:0.97, M:0.19, Y:0, K:0.11. Its decimal value is 440546.

Hex triplet	06b8e2	`#06b8e2`
RGB Decimal	6, 184, 226	`rgb(6,184,226)`
RGB Percent	2.4, 72.2, 88.6	`rgb(2.4%,72.2%,88.6%)`
CMYK	97, 19, 0, 11
HSL	191.5°, 94.8, 45.5	`hsl(191.5,94.8%,45.5%)`
HSV (or HSB)	191.5°, 97.3, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.332, -23.862, -31.83
XYZ	30.939, 39.808, 78
xyY	0.208, 0.268, 39.808
CIE-LCH	69.332, 39.781, 233.141
CIE-LUV	69.332, -48.923, -47.534
Hunter-Lab	63.093, -22.881, -29.133
Binary	00000110, 10111000, 11100010

#06b8e2
```
#06b8e2 rgb(6,184,226)
```
#e23006
```
#e23006 rgb(226,48,6)
```

Complementary Color

#06e29e
```
#06e29e rgb(6,226,158)
```
#06b8e2
```
#06b8e2 rgb(6,184,226)
```
#064ae2
```
#064ae2 rgb(6,74,226)
```

Analogous Color

#e29e06
```
#e29e06 rgb(226,158,6)
```
#06b8e2
```
#06b8e2 rgb(6,184,226)
```
#e2064a
```
#e2064a rgb(226,6,74)
```

Split Complementary Color

#b8e206
```
#b8e206 rgb(184,226,6)
```
#06b8e2
```
#06b8e2 rgb(6,184,226)
```
#e206b8
```
#e206b8 rgb(226,6,184)
```

Triadic Color

#06e230
```
#06e230 rgb(6,226,48)
```
#06b8e2
```
#06b8e2 rgb(6,184,226)
```
#e206b8
```
#e206b8 rgb(226,6,184)
```
#e23006
```
#e23006 rgb(226,48,6)
```

Tetradic Color

#047b97
```
#047b97 rgb(4,123,151)
```
#0590b0
```
#0590b0 rgb(5,144,176)
```
#05a4c9
```
#05a4c9 rgb(5,164,201)
```
#06b8e2
```
#06b8e2 rgb(6,184,226)
```
#09cbf8
```
#09cbf8 rgb(9,203,248)
```
#22d0f9
```
#22d0f9 rgb(34,208,249)
```
#3bd5fa
```
#3bd5fa rgb(59,213,250)
```

Monochromatic Color

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

#06e2d5
```
#06e2d5 rgb(6,226,213)
```
#06dde2
```
#06dde2 rgb(6,221,226)
```
#06cae2
```
#06cae2 rgb(6,202,226)
```
#06b8e2
```
#06b8e2 rgb(6,184,226)
```
#06a6e2
```
#06a6e2 rgb(6,166,226)
```
#0693e2
```
#0693e2 rgb(6,147,226)
```
#0681e2
```
#0681e2 rgb(6,129,226)
```

Similar Colors

Text with hexadecimal color #06b8e2

This text has a font color of #06b8e2.

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

#06b8e2 background color

This paragraph has a background color of #06b8e2.

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

#06b8e2 border color

This element has a border color of #06b8e2.

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

CSS codes

.text {color:#06b8e2;}

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

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

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, #000d10 is the darkest color, while #fcfeff is the lightest one.

#000d10
```
#000d10 rgb(0,13,16)
```
#011c23
```
#011c23 rgb(1,28,35)
```
#012c36
```
#012c36 rgb(1,44,54)
```
#023c49
```
#023c49 rgb(2,60,73)
```
#024b5c
```
#024b5c rgb(2,75,92)
```
#035b6f
```
#035b6f rgb(3,91,111)
```
#036a82
```
#036a82 rgb(3,106,130)
```
#047a96
```
#047a96 rgb(4,122,150)
```
#0489a9
```
#0489a9 rgb(4,137,169)
```
#0599bc
```
#0599bc rgb(5,153,188)
```
#05a8cf
```
#05a8cf rgb(5,168,207)
```
#06b8e2
```
#06b8e2 rgb(6,184,226)
```
#07c8f5
```
#07c8f5 rgb(7,200,245)
```

Shade Color Variation

#16cef9
```
#16cef9 rgb(22,206,249)
```
#2ad2f9
```
#2ad2f9 rgb(42,210,249)
```
#3dd6fa
```
#3dd6fa rgb(61,214,250)
```
#50dafa
```
#50dafa rgb(80,218,250)
```
#63defb
```
#63defb rgb(99,222,251)
```
#76e2fb
```
#76e2fb rgb(118,226,251)
```
#89e6fc
```
#89e6fc rgb(137,230,252)
```
#9ceafc
```
#9ceafc rgb(156,234,252)
```
#afeefd
```
#afeefd rgb(175,238,253)
```
#c2f2fd
```
#c2f2fd rgb(194,242,253)
```
#d5f6fe
```
#d5f6fe rgb(213,246,254)
```
#e9fafe
```
#e9fafe rgb(233,250,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#717677
```
#717677 rgb(113,118,119)
```
#687b80
```
#687b80 rgb(104,123,128)
```
#5f8189
```
#5f8189 rgb(95,129,137)
```
#568692
```
#568692 rgb(86,134,146)
```
#4d8c9b
```
#4d8c9b rgb(77,140,155)
```
#4491a4
```
#4491a4 rgb(68,145,164)
```
#3c97ac
```
#3c97ac rgb(60,151,172)
```
#339cb5
```
#339cb5 rgb(51,156,181)
```
#2aa2be
```
#2aa2be rgb(42,162,190)
```
#21a7c7
```
#21a7c7 rgb(33,167,199)
```
#18add0
```
#18add0 rgb(24,173,208)
```
#0fb2d9
```
#0fb2d9 rgb(15,178,217)
```
#06b8e2
```
#06b8e2 rgb(6,184,226)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6e929a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1acd9 Protanopia 1% of men
#98abe9 Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#68b0dc Protanomaly 1% of men, 0.01% of women
#63b0e6 Deuteranomaly 6% of men, 0.4% of women
#02bcd3 Tritanomaly 0.01% of the population

#06b8e2 hex color

#06b8e2 Color Information

#06b8e2 Color Conversion

Color Schemes with #06b8e2

Alternatives to #06b8e2

#06b8e2 Preview

Shades and Tints of #06b8e2

Tones of #06b8e2

Color Blindness Simulator