#06ba96 hex color

In a RGB color space, hex #06ba96 is composed of 2.4% red, 72.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 96.8% cyan, 0% magenta, 19.4% yellow and 27.1% black. It has a hue angle of 168 degrees, a saturation of 93.8% and a lightness of 37.6%. #06ba96 color hex could be obtained by blending #0cffff with #00752d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 2
- G 73
- B 59
RGB color chart
- C 97
- M 0
- Y 19
- K 27
CMYK color chart

● #06ba96 color description : Strong cyan.

The hexadecimal color #06ba96 has RGB values of R:6, G:186, B:150 and CMYK values of C:0.97, M:0, Y:0.19, K:0.27. Its decimal value is 440982.

Hex triplet	06ba96	`#06ba96`
RGB Decimal	6, 186, 150	`rgb(6,186,150)`
RGB Percent	2.4, 72.9, 58.8	`rgb(2.4%,72.9%,58.8%)`
CMYK	97, 0, 19, 27
HSL	168°, 93.8, 37.6	`hsl(168,93.8%,37.6%)`
HSV (or HSB)	168°, 96.8, 72.9
Web Safe	00cc99	`#00cc99`

CIE-LAB	67.543, -47.906, 7.241
XYZ	23.137, 37.356, 34.843
xyY	0.243, 0.392, 37.356
CIE-LCH	67.543, 48.45, 171.405
CIE-LUV	67.543, -55.603, 17.849
Hunter-Lab	61.12, -39.388, 8.983
Binary	00000110, 10111010, 10010110

#06ba96
```
#06ba96 rgb(6,186,150)
```
#ba062a
```
#ba062a rgb(186,6,42)
```

Complementary Color

#06ba3c
```
#06ba3c rgb(6,186,60)
```
#06ba96
```
#06ba96 rgb(6,186,150)
```
#0684ba
```
#0684ba rgb(6,132,186)
```

Analogous Color

#ba3c06
```
#ba3c06 rgb(186,60,6)
```
#06ba96
```
#06ba96 rgb(6,186,150)
```
#ba0684
```
#ba0684 rgb(186,6,132)
```

Split Complementary Color

#ba9606
```
#ba9606 rgb(186,150,6)
```
#06ba96
```
#06ba96 rgb(6,186,150)
```
#9606ba
```
#9606ba rgb(150,6,186)
```

Triadic Color

#2aba06
```
#2aba06 rgb(42,186,6)
```
#06ba96
```
#06ba96 rgb(6,186,150)
```
#9606ba
```
#9606ba rgb(150,6,186)
```
#ba062a
```
#ba062a rgb(186,6,42)
```

Tetradic Color

#04705a
```
#04705a rgb(4,112,90)
```
#04896e
```
#04896e rgb(4,137,110)
```
#05a182
```
#05a182 rgb(5,161,130)
```
#06ba96
```
#06ba96 rgb(6,186,150)
```
#07d3aa
```
#07d3aa rgb(7,211,170)
```
#08ebbe
```
#08ebbe rgb(8,235,190)
```
#15f7ca
```
#15f7ca rgb(21,247,202)
```

Monochromatic Color

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

#06ba69
```
#06ba69 rgb(6,186,105)
```
#06ba78
```
#06ba78 rgb(6,186,120)
```
#06ba87
```
#06ba87 rgb(6,186,135)
```
#06ba96
```
#06ba96 rgb(6,186,150)
```
#06baa5
```
#06baa5 rgb(6,186,165)
```
#06bab4
```
#06bab4 rgb(6,186,180)
```
#06b1ba
```
#06b1ba rgb(6,177,186)
```

Similar Colors

Text with hexadecimal color #06ba96

This text has a font color of #06ba96.

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

#06ba96 background color

This paragraph has a background color of #06ba96.

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

#06ba96 border color

This element has a border color of #06ba96.

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

CSS codes

.text {color:#06ba96;}

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

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

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

#000f0c
```
#000f0c rgb(0,15,12)
```
#01221b
```
#01221b rgb(1,34,27)
```
#02352b
```
#02352b rgb(2,53,43)
```
#02483a
```
#02483a rgb(2,72,58)
```
#035b49
```
#035b49 rgb(3,91,73)
```
#046e59
```
#046e59 rgb(4,110,89)
```
#048168
```
#048168 rgb(4,129,104)
```
#059477
```
#059477 rgb(5,148,119)
```
#05a787
```
#05a787 rgb(5,167,135)
```
#06ba96
```
#06ba96 rgb(6,186,150)
```
#07cda5
```
#07cda5 rgb(7,205,165)
```
#07e0b5
```
#07e0b5 rgb(7,224,181)
```
#08f3c4
```
#08f3c4 rgb(8,243,196)
```

Shade Color Variation

#17f8cb
```
#17f8cb rgb(23,248,203)
```
#2af8cf
```
#2af8cf rgb(42,248,207)
```
#3df9d3
```
#3df9d3 rgb(61,249,211)
```
#50f9d7
```
#50f9d7 rgb(80,249,215)
```
#63fadc
```
#63fadc rgb(99,250,220)
```
#76fbe0
```
#76fbe0 rgb(118,251,224)
```
#89fbe4
```
#89fbe4 rgb(137,251,228)
```
#9cfce9
```
#9cfce9 rgb(156,252,233)
```
#affced
```
#affced rgb(175,252,237)
```
#c2fdf1
```
#c2fdf1 rgb(194,253,241)
```
#d5fef6
```
#d5fef6 rgb(213,254,246)
```
#e8fefa
```
#e8fefa rgb(232,254,250)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#5f6161
```
#5f6161 rgb(95,97,97)
```
#576965
```
#576965 rgb(87,105,101)
```
#50706a
```
#50706a rgb(80,112,106)
```
#48786e
```
#48786e rgb(72,120,110)
```
#417f73
```
#417f73 rgb(65,127,115)
```
#3a8677
```
#3a8677 rgb(58,134,119)
```
#328e7b
```
#328e7b rgb(50,142,123)
```
#2b9580
```
#2b9580 rgb(43,149,128)
```
#249c84
```
#249c84 rgb(36,156,132)
```
#1ca489
```
#1ca489 rgb(28,164,137)
```
#15ab8d
```
#15ab8d rgb(21,171,141)
```
#0db392
```
#0db392 rgb(13,179,146)
```
#06ba96
```
#06ba96 rgb(6,186,150)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#688c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a891 Protanopia 1% of men
#baa3a4 Deuteranopia 1% of men
#44b7c5 Tritanopia 0.001% of the population

Trichromacy

#73af93 Protanomaly 1% of men, 0.01% of women
#78ab9f Deuteranomaly 6% of men, 0.4% of women
#2db8b4 Tritanomaly 0.01% of the population

#06ba96 hex color

#06ba96 Color Information

#06ba96 Color Conversion

Color Schemes with #06ba96

Alternatives to #06ba96

#06ba96 Preview

Shades and Tints of #06ba96

Tones of #06ba96

Color Blindness Simulator