colorhexa.com

#06ccbf hex color

In a RGB color space, hex #06ccbf is composed of 2.4% red, 80% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 0% magenta, 6.4% yellow and 20% black. It has a hue angle of 176.1 degrees, a saturation of 94.3% and a lightness of 41.2%. #06ccbf color hex could be obtained by blending #0cffff with #00997f. Closest websafe color is: #00cccc.

- R 2
- G 80
- B 75
RGB color chart
- C 97
- M 0
- Y 6
- K 20
CMYK color chart

● #06ccbf color description : Strong cyan.

The hexadecimal color #06ccbf has RGB values of R:6, G:204, B:191 and CMYK values of C:0.97, M:0, Y:0.06, K:0.2. Its decimal value is 445631.

Hex triplet	06ccbf	`#06ccbf`
RGB Decimal	6, 204, 191	`rgb(6,204,191)`
RGB Percent	2.4, 80, 74.9	`rgb(2.4%,80%,74.9%)`
CMYK	97, 0, 6, 20
HSL	176.1°, 94.3, 41.2	`hsl(176.1,94.3%,41.2%)`
HSV (or HSB)	176.1°, 97.1, 80
Web Safe	00cccc	`#00cccc`

CIE-LAB	74.179, -44.273, -5.442
XYZ	31.069, 46.983, 56.718
xyY	0.231, 0.349, 46.983
CIE-LCH	74.179, 44.607, 187.008
CIE-LUV	74.179, -58.501, -1.545
Hunter-Lab	68.544, -39.044, -1.08
Binary	00000110, 11001100, 10111111

#06ccbf
```
#06ccbf rgb(6,204,191)
```
#cc0613
```
#cc0613 rgb(204,6,19)
```

Complementary Color

#06cc5c
```
#06cc5c rgb(6,204,92)
```
#06ccbf
```
#06ccbf rgb(6,204,191)
```
#0676cc
```
#0676cc rgb(6,118,204)
```

Analogous Color

#cc5c06
```
#cc5c06 rgb(204,92,6)
```
#06ccbf
```
#06ccbf rgb(6,204,191)
```
#cc0676
```
#cc0676 rgb(204,6,118)
```

Split Complementary Color

#ccbf06
```
#ccbf06 rgb(204,191,6)
```
#06ccbf
```
#06ccbf rgb(6,204,191)
```
#bf06cc
```
#bf06cc rgb(191,6,204)
```

Triadic Color

#048279
```
#048279 rgb(4,130,121)
```
#059a91
```
#059a91 rgb(5,154,145)
```
#05b3a8
```
#05b3a8 rgb(5,179,168)
```
#06ccbf
```
#06ccbf rgb(6,204,191)
```
#07e5d6
```
#07e5d6 rgb(7,229,214)
```
#0df8e8
```
#0df8e8 rgb(13,248,232)
```
#26f9eb
```
#26f9eb rgb(38,249,235)
```

Monochromatic Color

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

#06cc8e
```
#06cc8e rgb(6,204,142)
```
#06cc9e
```
#06cc9e rgb(6,204,158)
```
#06ccaf
```
#06ccaf rgb(6,204,175)
```
#06ccbf
```
#06ccbf rgb(6,204,191)
```
#06c9cc
```
#06c9cc rgb(6,201,204)
```
#06b8cc
```
#06b8cc rgb(6,184,204)
```
#06a8cc
```
#06a8cc rgb(6,168,204)
```

Similar Colors

Text with hexadecimal color #06ccbf

This text has a font color of #06ccbf.

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

#06ccbf background color

This paragraph has a background color of #06ccbf.

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

#06ccbf border color

This element has a border color of #06ccbf.

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

CSS codes

.text {color:#06ccbf;}

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

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

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

#000d0d
```
#000d0d rgb(0,13,13)
```
#01211e
```
#01211e rgb(1,33,30)
```
#023430
```
#023430 rgb(2,52,48)
```
#024742
```
#024742 rgb(2,71,66)
```
#035a54
```
#035a54 rgb(3,90,84)
```
#036d66
```
#036d66 rgb(3,109,102)
```
#048078
```
#048078 rgb(4,128,120)
```
#049389
```
#049389 rgb(4,147,137)
```
#05a69b
```
#05a69b rgb(5,166,155)
```
#05b9ad
```
#05b9ad rgb(5,185,173)
```
#06ccbf
```
#06ccbf rgb(6,204,191)
```
#07dfd1
```
#07dfd1 rgb(7,223,209)
```
#07f2e3
```
#07f2e3 rgb(7,242,227)
```

Shade Color Variation

#15f8e9
```
#15f8e9 rgb(21,248,233)
```
#28f9eb
```
#28f9eb rgb(40,249,235)
```
#3bf9ed
```
#3bf9ed rgb(59,249,237)
```
#4efaef
```
#4efaef rgb(78,250,239)
```
#61faf0
```
#61faf0 rgb(97,250,240)
```
#74fbf2
```
#74fbf2 rgb(116,251,242)
```
#87fbf4
```
#87fbf4 rgb(135,251,244)
```
#9afcf6
```
#9afcf6 rgb(154,252,246)
```
#adfdf7
```
#adfdf7 rgb(173,253,247)
```
#c0fdf9
```
#c0fdf9 rgb(192,253,249)
```
#d3fefb
```
#d3fefb rgb(211,254,251)
```
#e6fefd
```
#e6fefd rgb(230,254,253)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#676b6b
```
#676b6b rgb(103,107,107)
```
#5f7372
```
#5f7372 rgb(95,115,114)
```
#577b79
```
#577b79 rgb(87,123,121)
```
#4f8380
```
#4f8380 rgb(79,131,128)
```
#478b87
```
#478b87 rgb(71,139,135)
```
#3f938e
```
#3f938e rgb(63,147,142)
```
#369c95
```
#369c95 rgb(54,156,149)
```
#2ea49c
```
#2ea49c rgb(46,164,156)
```
#26aca3
```
#26aca3 rgb(38,172,163)
```
#1eb4aa
```
#1eb4aa rgb(30,180,170)
```
#16bcb1
```
#16bcb1 rgb(22,188,177)
```
#0ec4b8
```
#0ec4b8 rgb(14,196,184)
```
#06ccbf
```
#06ccbf rgb(6,204,191)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#749b99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb9b6 Protanopia 1% of men
#c2b5cb Deuteranopia 1% of men
#3bcbd9 Tritanopia 0.001% of the population

Trichromacy

#7bc0b9 Protanomaly 1% of men, 0.01% of women
#7ebdc6 Deuteranomaly 6% of men, 0.4% of women
#28cbd0 Tritanomaly 0.01% of the population