#06b2b4 hex color

In a RGB color space, hex #06b2b4 is composed of 2.4% red, 69.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 96.7% cyan, 1.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 180.7 degrees, a saturation of 93.5% and a lightness of 36.5%. #06b2b4 color hex could be obtained by blending #0cffff with #006569. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 70
- B 71
RGB color chart
- C 97
- M 1
- Y 0
- K 29
CMYK color chart

● #06b2b4 color description : Strong cyan.

The hexadecimal color #06b2b4 has RGB values of R:6, G:178, B:180 and CMYK values of C:0.97, M:0.01, Y:0, K:0.29. Its decimal value is 438964.

Hex triplet	06b2b4	`#06b2b4`
RGB Decimal	6, 178, 180	`rgb(6,178,180)`
RGB Percent	2.4, 69.8, 70.6	`rgb(2.4%,69.8%,70.6%)`
CMYK	97, 1, 0, 29
HSL	180.7°, 93.5, 36.5	`hsl(180.7,93.5%,36.5%)`
HSV (or HSB)	180.7°, 96.7, 70.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.883, -35.901, -11.763
XYZ	24.231, 35.172, 48.689
xyY	0.224, 0.325, 35.172
CIE-LCH	65.883, 37.779, 198.142
CIE-LUV	65.883, -50.494, -12.633
Hunter-Lab	59.306, -30.855, -7.162
Binary	00000110, 10110010, 10110100

#06b2b4
```
#06b2b4 rgb(6,178,180)
```
#b40806
```
#b40806 rgb(180,8,6)
```

Complementary Color

#06b45f
```
#06b45f rgb(6,180,95)
```
#06b2b4
```
#06b2b4 rgb(6,178,180)
```
#065bb4
```
#065bb4 rgb(6,91,180)
```

Analogous Color

#b45f06
```
#b45f06 rgb(180,95,6)
```
#06b2b4
```
#06b2b4 rgb(6,178,180)
```
#b4065b
```
#b4065b rgb(180,6,91)
```

Split Complementary Color

#b2b406
```
#b2b406 rgb(178,180,6)
```
#06b2b4
```
#06b2b4 rgb(6,178,180)
```
#b406b2
```
#b406b2 rgb(180,6,178)
```

Triadic Color

#06b408
```
#06b408 rgb(6,180,8)
```
#06b2b4
```
#06b2b4 rgb(6,178,180)
```
#b406b2
```
#b406b2 rgb(180,6,178)
```
#b40806
```
#b40806 rgb(180,8,6)
```

Tetradic Color

#04696a
```
#04696a rgb(4,105,106)
```
#048183
```
#048183 rgb(4,129,131)
```
#059a9b
```
#059a9b rgb(5,154,155)
```
#06b2b4
```
#06b2b4 rgb(6,178,180)
```
#07cacd
```
#07cacd rgb(7,202,205)
```
#08e3e5
```
#08e3e5 rgb(8,227,229)
```
#0ff4f7
```
#0ff4f7 rgb(15,244,247)
```

Monochromatic Color

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

#06b48b
```
#06b48b rgb(6,180,139)
```
#06b499
```
#06b499 rgb(6,180,153)
```
#06b4a8
```
#06b4a8 rgb(6,180,168)
```
#06b2b4
```
#06b2b4 rgb(6,178,180)
```
#06a4b4
```
#06a4b4 rgb(6,164,180)
```
#0695b4
```
#0695b4 rgb(6,149,180)
```
#0687b4
```
#0687b4 rgb(6,135,180)
```

Similar Colors

Text with hexadecimal color #06b2b4

This text has a font color of #06b2b4.

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

#06b2b4 background color

This paragraph has a background color of #06b2b4.

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

#06b2b4 border color

This element has a border color of #06b2b4.

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

CSS codes

.text {color:#06b2b4;}

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

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

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

#000909
```
#000909 rgb(0,9,9)
```
#011c1c
```
#011c1c rgb(1,28,28)
```
#022f2f
```
#022f2f rgb(2,47,47)
```
#024142
```
#024142 rgb(2,65,66)
```
#035455
```
#035455 rgb(3,84,85)
```
#036768
```
#036768 rgb(3,103,104)
```
#047a7b
```
#047a7b rgb(4,122,123)
```
#058c8e
```
#058c8e rgb(5,140,142)
```
#059fa1
```
#059fa1 rgb(5,159,161)
```
#06b2b4
```
#06b2b4 rgb(6,178,180)
```
#07c5c7
```
#07c5c7 rgb(7,197,199)
```
#07d8da
```
#07d8da rgb(7,216,218)
```
#08eaed
```
#08eaed rgb(8,234,237)
```

Shade Color Variation

#11f4f7
```
#11f4f7 rgb(17,244,247)
```
#24f5f8
```
#24f5f8 rgb(36,245,248)
```
#37f6f8
```
#37f6f8 rgb(55,246,248)
```
#4af7f9
```
#4af7f9 rgb(74,247,249)
```
#5df8fa
```
#5df8fa rgb(93,248,250)
```
#70f9fa
```
#70f9fa rgb(112,249,250)
```
#83fafb
```
#83fafb rgb(131,250,251)
```
#96fafc
```
#96fafc rgb(150,250,252)
```
#a9fbfc
```
#a9fbfc rgb(169,251,252)
```
#bcfcfd
```
#bcfcfd rgb(188,252,253)
```
#cffdfd
```
#cffdfd rgb(207,253,253)
```
#e2fefe
```
#e2fefe rgb(226,254,254)
```
#f5ffff
```
#f5ffff rgb(245,255,255)
```

Tint Color Variation

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

#5c5e5e
```
#5c5e5e rgb(92,94,94)
```
#556565
```
#556565 rgb(85,101,101)
```
#4e6c6c
```
#4e6c6c rgb(78,108,108)
```
#467374
```
#467374 rgb(70,115,116)
```
#3f7a7b
```
#3f7a7b rgb(63,122,123)
```
#388182
```
#388182 rgb(56,129,130)
```
#318889
```
#318889 rgb(49,136,137)
```
#2a8f90
```
#2a8f90 rgb(42,143,144)
```
#239697
```
#239697 rgb(35,150,151)
```
#1b9d9f
```
#1b9d9f rgb(27,157,159)
```
#14a4a6
```
#14a4a6 rgb(20,164,166)
```
#0dabad
```
#0dabad rgb(13,171,173)
```
#06b2b4
```
#06b2b4 rgb(6,178,180)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#67898a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a4ad Protanopia 1% of men
#a6a1bf Deuteranopia 1% of men
#28b4c1 Tritanopia 0.001% of the population

Trichromacy

#6ba9af Protanomaly 1% of men, 0.01% of women
#6ca7bb Deuteranomaly 6% of men, 0.4% of women
#1cb3bc Tritanomaly 0.01% of the population

#06b2b4 hex color

#06b2b4 Color Information

#06b2b4 Color Conversion

Color Schemes with #06b2b4

Alternatives to #06b2b4

#06b2b4 Preview

Shades and Tints of #06b2b4

Tones of #06b2b4

Color Blindness Simulator