#06b2d4 hex color

In a RGB color space, hex #06b2d4 is composed of 2.4% red, 69.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 16% magenta, 0% yellow and 16.9% black. It has a hue angle of 189.9 degrees, a saturation of 94.5% and a lightness of 42.7%. #06b2d4 color hex could be obtained by blending #0cffff with #0065a9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 70
- B 83
RGB color chart
- C 97
- M 16
- Y 0
- K 17
CMYK color chart

● #06b2d4 color description : Strong cyan.

The hexadecimal color #06b2d4 has RGB values of R:6, G:178, B:212 and CMYK values of C:0.97, M:0.16, Y:0, K:0.17. Its decimal value is 438996.

Hex triplet	06b2d4	`#06b2d4`
RGB Decimal	6, 178, 212	`rgb(6,178,212)`
RGB Percent	2.4, 69.8, 83.1	`rgb(2.4%,69.8%,83.1%)`
CMYK	97, 16, 0, 17
HSL	189.9°, 94.5, 42.7	`hsl(189.9,94.5%,42.7%)`
HSV (or HSB)	189.9°, 97.2, 83.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.999, -25.552, -27.756
XYZ	27.876, 36.63, 67.885
xyY	0.211, 0.277, 36.63
CIE-LCH	66.999, 37.727, 227.367
CIE-LUV	66.999, -47.962, -40.25
Hunter-Lab	60.523, -23.701, -24.136
Binary	00000110, 10110010, 11010100

#06b2d4
```
#06b2d4 rgb(6,178,212)
```
#d42806
```
#d42806 rgb(212,40,6)
```

Complementary Color

#06d48f
```
#06d48f rgb(6,212,143)
```
#06b2d4
```
#06b2d4 rgb(6,178,212)
```
#064bd4
```
#064bd4 rgb(6,75,212)
```

Analogous Color

#d48f06
```
#d48f06 rgb(212,143,6)
```
#06b2d4
```
#06b2d4 rgb(6,178,212)
```
#d4064b
```
#d4064b rgb(212,6,75)
```

Split Complementary Color

#b2d406
```
#b2d406 rgb(178,212,6)
```
#06b2d4
```
#06b2d4 rgb(6,178,212)
```
#d406b2
```
#d406b2 rgb(212,6,178)
```

Triadic Color

#06d428
```
#06d428 rgb(6,212,40)
```
#06b2d4
```
#06b2d4 rgb(6,178,212)
```
#d406b2
```
#d406b2 rgb(212,6,178)
```
#d42806
```
#d42806 rgb(212,40,6)
```

Tetradic Color

#04748a
```
#04748a rgb(4,116,138)
```
#0588a2
```
#0588a2 rgb(5,136,162)
```
#059dbb
```
#059dbb rgb(5,157,187)
```
#06b2d4
```
#06b2d4 rgb(6,178,212)
```
#07c7ed
```
#07c7ed rgb(7,199,237)
```
#15d3f8
```
#15d3f8 rgb(21,211,248)
```
#2dd7f9
```
#2dd7f9 rgb(45,215,249)
```

Monochromatic Color

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

#06d4c3
```
#06d4c3 rgb(6,212,195)
```
#06d4d4
```
#06d4d4 rgb(6,212,212)
```
#06c3d4
```
#06c3d4 rgb(6,195,212)
```
#06b2d4
```
#06b2d4 rgb(6,178,212)
```
#06a1d4
```
#06a1d4 rgb(6,161,212)
```
#0690d4
```
#0690d4 rgb(6,144,212)
```
#067fd4
```
#067fd4 rgb(6,127,212)
```

Similar Colors

Text with hexadecimal color #06b2d4

This text has a font color of #06b2d4.

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

#06b2d4 background color

This paragraph has a background color of #06b2d4.

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

#06b2d4 border color

This element has a border color of #06b2d4.

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

CSS codes

.text {color:#06b2d4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011215
```
#011215 rgb(1,18,21)
```
#012228
```
#012228 rgb(1,34,40)
```
#02323b
```
#02323b rgb(2,50,59)
```
#02424e
```
#02424e rgb(2,66,78)
```
#035262
```
#035262 rgb(3,82,98)
```
#036275
```
#036275 rgb(3,98,117)
```
#047288
```
#047288 rgb(4,114,136)
```
#04829b
```
#04829b rgb(4,130,155)
```
#0592ae
```
#0592ae rgb(5,146,174)
```
#05a2c1
```
#05a2c1 rgb(5,162,193)
```
#06b2d4
```
#06b2d4 rgb(6,178,212)
```
#07c2e7
```
#07c2e7 rgb(7,194,231)
```

Shade Color Variation

#09d1f8
```
#09d1f8 rgb(9,209,248)
```
#1cd4f9
```
#1cd4f9 rgb(28,212,249)
```
#2fd8f9
```
#2fd8f9 rgb(47,216,249)
```
#42dbfa
```
#42dbfa rgb(66,219,250)
```
#55dffa
```
#55dffa rgb(85,223,250)
```
#69e3fb
```
#69e3fb rgb(105,227,251)
```
#7ce6fb
```
#7ce6fb rgb(124,230,251)
```
#8feafc
```
#8feafc rgb(143,234,252)
```
#a2edfc
```
#a2edfc rgb(162,237,252)
```
#b5f1fd
```
#b5f1fd rgb(181,241,253)
```
#c8f5fd
```
#c8f5fd rgb(200,245,253)
```
#dbf8fe
```
#dbf8fe rgb(219,248,254)
```
#eefcff
```
#eefcff rgb(238,252,255)
```

Tint Color Variation

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

#6b6f6f
```
#6b6f6f rgb(107,111,111)
```
#627478
```
#627478 rgb(98,116,120)
```
#5a7a80
```
#5a7a80 rgb(90,122,128)
```
#517f89
```
#517f89 rgb(81,127,137)
```
#498591
```
#498591 rgb(73,133,145)
```
#418b99
```
#418b99 rgb(65,139,153)
```
#3890a2
```
#3890a2 rgb(56,144,162)
```
#3096aa
```
#3096aa rgb(48,150,170)
```
#289cb2
```
#289cb2 rgb(40,156,178)
```
#1fa1bb
```
#1fa1bb rgb(31,161,187)
```
#17a7c3
```
#17a7c3 rgb(23,167,195)
```
#0eaccc
```
#0eaccc rgb(14,172,204)
```
#06b2d4
```
#06b2d4 rgb(6,178,212)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#698c92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea6cc Protanopia 1% of men
#97a5dc Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#66aace Protanomaly 1% of men, 0.01% of women
#62aad9 Deuteranomaly 6% of men, 0.4% of women
#02b5ca Tritanomaly 0.01% of the population

#06b2d4 hex color

#06b2d4 Color Information

#06b2d4 Color Conversion

Color Schemes with #06b2d4

Alternatives to #06b2d4

#06b2d4 Preview

Shades and Tints of #06b2d4

Tones of #06b2d4

Color Blindness Simulator