colorhexa.com

#06b4c3 hex color

In a RGB color space, hex #06b4c3 is composed of 2.4% red, 70.6% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 7.7% magenta, 0% yellow and 23.5% black. It has a hue angle of 184.8 degrees, a saturation of 94% and a lightness of 39.4%. #06b4c3 color hex could be obtained by blending #0cffff with #006987. Closest websafe color is: #00cccc.

- R 2
- G 71
- B 76
RGB color chart
- C 97
- M 8
- Y 0
- K 24
CMYK color chart

● #06b4c3 color description : Strong cyan.

The hexadecimal color #06b4c3 has RGB values of R:6, G:180, B:195 and CMYK values of C:0.97, M:0.08, Y:0, K:0.24. Its decimal value is 439491.

Hex triplet	06b4c3	`#06b4c3`
RGB Decimal	6, 180, 195	`rgb(6,180,195)`
RGB Percent	2.4, 70.6, 76.5	`rgb(2.4%,70.6%,76.5%)`
CMYK	97, 8, 0, 24
HSL	184.8°, 94, 39.4	`hsl(184.8,94%,39.4%)`
HSV (or HSB)	184.8°, 96.9, 76.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	66.99, -32.129, -18.396
XYZ	26.244, 36.619, 57.312
xyY	0.218, 0.305, 36.619
CIE-LCH	66.99, 37.023, 209.794
CIE-LUV	66.99, -49.985, -23.878
Hunter-Lab	60.513, -28.486, -13.794
Binary	00000110, 10110100, 11000011

#06b4c3
```
#06b4c3 rgb(6,180,195)
```
#c31506
```
#c31506 rgb(195,21,6)
```

Complementary Color

#06c374
```
#06c374 rgb(6,195,116)
```
#06b4c3
```
#06b4c3 rgb(6,180,195)
```
#0656c3
```
#0656c3 rgb(6,86,195)
```

Analogous Color

#c37406
```
#c37406 rgb(195,116,6)
```
#06b4c3
```
#06b4c3 rgb(6,180,195)
```
#c30656
```
#c30656 rgb(195,6,86)
```

Split Complementary Color

#b4c306
```
#b4c306 rgb(180,195,6)
```
#06b4c3
```
#06b4c3 rgb(6,180,195)
```
#c306b4
```
#c306b4 rgb(195,6,180)
```

Triadic Color

#046f79
```
#046f79 rgb(4,111,121)
```
#048692
```
#048692 rgb(4,134,146)
```
#059daa
```
#059daa rgb(5,157,170)
```
#06b4c3
```
#06b4c3 rgb(6,180,195)
```
#07cbdc
```
#07cbdc rgb(7,203,220)
```
#08e2f4
```
#08e2f4 rgb(8,226,244)
```
#1de7f8
```
#1de7f8 rgb(29,231,248)
```

Monochromatic Color

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

#06c3a3
```
#06c3a3 rgb(6,195,163)
```
#06c3b3
```
#06c3b3 rgb(6,195,179)
```
#06c3c2
```
#06c3c2 rgb(6,195,194)
```
#06b4c3
```
#06b4c3 rgb(6,180,195)
```
#06a4c3
```
#06a4c3 rgb(6,164,195)
```
#0695c3
```
#0695c3 rgb(6,149,195)
```
#0685c3
```
#0685c3 rgb(6,133,195)
```

Similar Colors

Text with hexadecimal color #06b4c3

This text has a font color of #06b4c3.

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

#06b4c3 background color

This paragraph has a background color of #06b4c3.

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

#06b4c3 border color

This element has a border color of #06b4c3.

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

CSS codes

.text {color:#06b4c3;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#011618
```
#011618 rgb(1,22,24)
```
#01272b
```
#01272b rgb(1,39,43)
```
#02393e
```
#02393e rgb(2,57,62)
```
#024b51
```
#024b51 rgb(2,75,81)
```
#035c64
```
#035c64 rgb(3,92,100)
```
#046e77
```
#046e77 rgb(4,110,119)
```
#047f8a
```
#047f8a rgb(4,127,138)
```
#05919d
```
#05919d rgb(5,145,157)
```
#05a2b0
```
#05a2b0 rgb(5,162,176)
```
#06b4c3
```
#06b4c3 rgb(6,180,195)
```
#07c6d6
```
#07c6d6 rgb(7,198,214)
```
#07d7e9
```
#07d7e9 rgb(7,215,233)
```

Shade Color Variation

#0ce5f8
```
#0ce5f8 rgb(12,229,248)
```
#1fe7f8
```
#1fe7f8 rgb(31,231,248)
```
#32e9f9
```
#32e9f9 rgb(50,233,249)
```
#45ebf9
```
#45ebf9 rgb(69,235,249)
```
#58edfa
```
#58edfa rgb(88,237,250)
```
#6beffa
```
#6beffa rgb(107,239,250)
```
#7ef1fb
```
#7ef1fb rgb(126,241,251)
```
#92f3fc
```
#92f3fc rgb(146,243,252)
```
#a5f5fc
```
#a5f5fc rgb(165,245,252)
```
#b8f7fd
```
#b8f7fd rgb(184,247,253)
```
#cbf9fd
```
#cbf9fd rgb(203,249,253)
```
#defbfe
```
#defbfe rgb(222,251,254)
```
#f1fdff
```
#f1fdff rgb(241,253,255)
```

Tint Color Variation

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

#636666
```
#636666 rgb(99,102,102)
```
#5b6c6e
```
#5b6c6e rgb(91,108,110)
```
#537376
```
#537376 rgb(83,115,118)
```
#4c797d
```
#4c797d rgb(76,121,125)
```
#448085
```
#448085 rgb(68,128,133)
```
#3c868d
```
#3c868d rgb(60,134,141)
```
#348d95
```
#348d95 rgb(52,141,149)
```
#2d939c
```
#2d939c rgb(45,147,156)
```
#259aa4
```
#259aa4 rgb(37,154,164)
```
#1da0ac
```
#1da0ac rgb(29,160,172)
```
#15a7b4
```
#15a7b4 rgb(21,167,180)
```
#0eadbb
```
#0eadbb rgb(14,173,187)
```
#06b4c3
```
#06b4c3 rgb(6,180,195)
```

Tone Color Variation

Below, you can see how #06b4c3 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
#698c8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a6bb Protanopia 1% of men
#a2a4cd Deuteranopia 1% of men
#0fb8c5 Tritanopia 0.001% of the population

Trichromacy

#6aabbe Protanomaly 1% of men, 0.01% of women
#69aac9 Deuteranomaly 6% of men, 0.4% of women
#0bb6c4 Tritanomaly 0.01% of the population