#06b7e2 hex color

In a RGB color space, hex #06b7e2 is composed of 2.4% red, 71.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 19% magenta, 0% yellow and 11.4% black. It has a hue angle of 191.7 degrees, a saturation of 94.8% and a lightness of 45.5%. #06b7e2 color hex could be obtained by blending #0cffff with #006fc5. 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

● #06b7e2 color description : Vivid cyan.

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

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

CIE-LAB	69.035, -23.352, -32.289
XYZ	30.732, 39.394, 77.931
xyY	0.208, 0.266, 39.394
CIE-LCH	69.035, 39.848, 234.125
CIE-LUV	69.035, -48.584, -48.351
Hunter-Lab	62.764, -22.436, -29.682
Binary	00000110, 10110111, 11100010

#06b7e2
```
#06b7e2 rgb(6,183,226)
```
#e23106
```
#e23106 rgb(226,49,6)
```

Complementary Color

#06e29f
```
#06e29f rgb(6,226,159)
```
#06b7e2
```
#06b7e2 rgb(6,183,226)
```
#0649e2
```
#0649e2 rgb(6,73,226)
```

Analogous Color

#e29f06
```
#e29f06 rgb(226,159,6)
```
#06b7e2
```
#06b7e2 rgb(6,183,226)
```
#e20649
```
#e20649 rgb(226,6,73)
```

Split Complementary Color

#b7e206
```
#b7e206 rgb(183,226,6)
```
#06b7e2
```
#06b7e2 rgb(6,183,226)
```
#e206b7
```
#e206b7 rgb(226,6,183)
```

Triadic Color

#06e231
```
#06e231 rgb(6,226,49)
```
#06b7e2
```
#06b7e2 rgb(6,183,226)
```
#e206b7
```
#e206b7 rgb(226,6,183)
```
#e23106
```
#e23106 rgb(226,49,6)
```

Tetradic Color

#047b97
```
#047b97 rgb(4,123,151)
```
#058fb0
```
#058fb0 rgb(5,143,176)
```
#05a3c9
```
#05a3c9 rgb(5,163,201)
```
#06b7e2
```
#06b7e2 rgb(6,183,226)
```
#09caf8
```
#09caf8 rgb(9,202,248)
```
#22cff9
```
#22cff9 rgb(34,207,249)
```
#3bd4fa
```
#3bd4fa rgb(59,212,250)
```

Monochromatic Color

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

#06e2d6
```
#06e2d6 rgb(6,226,214)
```
#06dce2
```
#06dce2 rgb(6,220,226)
```
#06c9e2
```
#06c9e2 rgb(6,201,226)
```
#06b7e2
```
#06b7e2 rgb(6,183,226)
```
#06a5e2
```
#06a5e2 rgb(6,165,226)
```
#0692e2
```
#0692e2 rgb(6,146,226)
```
#0680e2
```
#0680e2 rgb(6,128,226)
```

Similar Colors

Text with hexadecimal color #06b7e2

This text has a font color of #06b7e2.

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

#06b7e2 background color

This paragraph has a background color of #06b7e2.

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

#06b7e2 border color

This element has a border color of #06b7e2.

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

CSS codes

.text {color:#06b7e2;}

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

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

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)
```
#023b49
```
#023b49 rgb(2,59,73)
```
#024b5c
```
#024b5c rgb(2,75,92)
```
#035a6f
```
#035a6f rgb(3,90,111)
```
#036a82
```
#036a82 rgb(3,106,130)
```
#047996
```
#047996 rgb(4,121,150)
```
#0489a9
```
#0489a9 rgb(4,137,169)
```
#0598bc
```
#0598bc rgb(5,152,188)
```
#05a8cf
```
#05a8cf rgb(5,168,207)
```
#06b7e2
```
#06b7e2 rgb(6,183,226)
```
#07c6f5
```
#07c6f5 rgb(7,198,245)
```

Shade Color Variation

#16cdf9
```
#16cdf9 rgb(22,205,249)
```
#2ad1f9
```
#2ad1f9 rgb(42,209,249)
```
#3dd5fa
```
#3dd5fa rgb(61,213,250)
```
#50d9fa
```
#50d9fa rgb(80,217,250)
```
#63ddfb
```
#63ddfb rgb(99,221,251)
```
#76e1fb
```
#76e1fb rgb(118,225,251)
```
#89e5fc
```
#89e5fc rgb(137,229,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 #06b7e2 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)
```
#3c96ac
```
#3c96ac rgb(60,150,172)
```
#339cb5
```
#339cb5 rgb(51,156,181)
```
#2aa1be
```
#2aa1be rgb(42,161,190)
```
#21a7c7
```
#21a7c7 rgb(33,167,199)
```
#18acd0
```
#18acd0 rgb(24,172,208)
```
#0fb2d9
```
#0fb2d9 rgb(15,178,217)
```
#06b7e2
```
#06b7e2 rgb(6,183,226)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6d9199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0abd9 Protanopia 1% of men
#97abe9 Deuteranopia 1% of men
#00bdcb Tritanopia 0.001% of the population

Trichromacy

#68afdc Protanomaly 1% of men, 0.01% of women
#62afe6 Deuteranomaly 6% of men, 0.4% of women
#02bbd3 Tritanomaly 0.01% of the population

#06b7e2 hex color

#06b7e2 Color Information

#06b7e2 Color Conversion

Color Schemes with #06b7e2

Alternatives to #06b7e2

#06b7e2 Preview

Shades and Tints of #06b7e2

Tones of #06b7e2

Color Blindness Simulator