#06a2bb hex color

In a RGB color space, hex #06a2bb is composed of 2.4% red, 63.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 96.8% cyan, 13.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 188.3 degrees, a saturation of 93.8% and a lightness of 37.8%. #06a2bb color hex could be obtained by blending #0cffff with #004577. Closest websafe color is: #0099cc.

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

● #06a2bb color description : Strong cyan.

The hexadecimal color #06a2bb has RGB values of R:6, G:162, B:187 and CMYK values of C:0.97, M:0.13, Y:0, K:0.27. Its decimal value is 434875.

Hex triplet	06a2bb	`#06a2bb`
RGB Decimal	6, 162, 187	`rgb(6,162,187)`
RGB Percent	2.4, 63.5, 73.3	`rgb(2.4%,63.5%,73.3%)`
CMYK	97, 13, 0, 27
HSL	188.3°, 93.8, 37.8	`hsl(188.3,93.8%,37.8%)`
HSV (or HSB)	188.3°, 96.8, 73.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.19, -25.894, -22.783
XYZ	21.963, 29.465, 51.541
xyY	0.213, 0.286, 29.465
CIE-LCH	61.19, 34.49, 221.343
CIE-LUV	61.19, -44.4, -31.519
Hunter-Lab	54.282, -22.771, -18.299
Binary	00000110, 10100010, 10111011

#06a2bb
```
#06a2bb rgb(6,162,187)
```
#bb1f06
```
#bb1f06 rgb(187,31,6)
```

Complementary Color

#06bb7a
```
#06bb7a rgb(6,187,122)
```
#06a2bb
```
#06a2bb rgb(6,162,187)
```
#0648bb
```
#0648bb rgb(6,72,187)
```

Analogous Color

#bb7a06
```
#bb7a06 rgb(187,122,6)
```
#06a2bb
```
#06a2bb rgb(6,162,187)
```
#bb0648
```
#bb0648 rgb(187,6,72)
```

Split Complementary Color

#a2bb06
```
#a2bb06 rgb(162,187,6)
```
#06a2bb
```
#06a2bb rgb(6,162,187)
```
#bb06a2
```
#bb06a2 rgb(187,6,162)
```

Triadic Color

#06bb1f
```
#06bb1f rgb(6,187,31)
```
#06a2bb
```
#06a2bb rgb(6,162,187)
```
#bb06a2
```
#bb06a2 rgb(187,6,162)
```
#bb1f06
```
#bb1f06 rgb(187,31,6)
```

Tetradic Color

#046271
```
#046271 rgb(4,98,113)
```
#04778a
```
#04778a rgb(4,119,138)
```
#058da2
```
#058da2 rgb(5,141,162)
```
#06a2bb
```
#06a2bb rgb(6,162,187)
```
#07b7d4
```
#07b7d4 rgb(7,183,212)
```
#08cdec
```
#08cdec rgb(8,205,236)
```
#16d8f8
```
#16d8f8 rgb(22,216,248)
```

Monochromatic Color

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

#06bba7
```
#06bba7 rgb(6,187,167)
```
#06bbb6
```
#06bbb6 rgb(6,187,182)
```
#06b1bb
```
#06b1bb rgb(6,177,187)
```
#06a2bb
```
#06a2bb rgb(6,162,187)
```
#0693bb
```
#0693bb rgb(6,147,187)
```
#0684bb
```
#0684bb rgb(6,132,187)
```
#0675bb
```
#0675bb rgb(6,117,187)
```

Similar Colors

Text with hexadecimal color #06a2bb

This text has a font color of #06a2bb.

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

#06a2bb background color

This paragraph has a background color of #06a2bb.

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

#06a2bb border color

This element has a border color of #06a2bb.

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

CSS codes

.text {color:#06a2bb;}

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

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

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, #010e10 is the darkest color, while #fcfeff is the lightest one.

#010e10
```
#010e10 rgb(1,14,16)
```
#011e23
```
#011e23 rgb(1,30,35)
```
#022f36
```
#022f36 rgb(2,47,54)
```
#023f49
```
#023f49 rgb(2,63,73)
```
#03505c
```
#03505c rgb(3,80,92)
```
#04606f
```
#04606f rgb(4,96,111)
```
#047182
```
#047182 rgb(4,113,130)
```
#058195
```
#058195 rgb(5,129,149)
```
#0592a8
```
#0592a8 rgb(5,146,168)
```
#06a2bb
```
#06a2bb rgb(6,162,187)
```
#07b2ce
```
#07b2ce rgb(7,178,206)
```
#07c3e1
```
#07c3e1 rgb(7,195,225)
```
#08d3f4
```
#08d3f4 rgb(8,211,244)
```

Shade Color Variation

#18d9f8
```
#18d9f8 rgb(24,217,248)
```
#2bdcf8
```
#2bdcf8 rgb(43,220,248)
```
#3edff9
```
#3edff9 rgb(62,223,249)
```
#51e2f9
```
#51e2f9 rgb(81,226,249)
```
#64e5fa
```
#64e5fa rgb(100,229,250)
```
#77e8fb
```
#77e8fb rgb(119,232,251)
```
#8aecfb
```
#8aecfb rgb(138,236,251)
```
#9deffc
```
#9deffc rgb(157,239,252)
```
#b0f2fc
```
#b0f2fc rgb(176,242,252)
```
#c3f5fd
```
#c3f5fd rgb(195,245,253)
```
#d6f8fe
```
#d6f8fe rgb(214,248,254)
```
#e9fbfe
```
#e9fbfe rgb(233,251,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#5f6262
```
#5f6262 rgb(95,98,98)
```
#586769
```
#586769 rgb(88,103,105)
```
#506c71
```
#506c71 rgb(80,108,113)
```
#497278
```
#497278 rgb(73,114,120)
```
#417780
```
#417780 rgb(65,119,128)
```
#3a7c87
```
#3a7c87 rgb(58,124,135)
```
#33828e
```
#33828e rgb(51,130,142)
```
#2b8796
```
#2b8796 rgb(43,135,150)
```
#248d9d
```
#248d9d rgb(36,141,157)
```
#1c92a5
```
#1c92a5 rgb(28,146,165)
```
#1597ac
```
#1597ac rgb(21,151,172)
```
#0d9db4
```
#0d9db4 rgb(13,157,180)
```
#06a2bb
```
#06a2bb rgb(6,162,187)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#607f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9297b5 Protanopia 1% of men
#8e97c4 Deuteranopia 1% of men
#00a8b4 Tritanopia 0.001% of the population

Trichromacy

#5f9bb7 Protanomaly 1% of men, 0.01% of women
#5c9bc1 Deuteranomaly 6% of men, 0.4% of women
#02a5b6 Tritanomaly 0.01% of the population

#06a2bb hex color

#06a2bb Color Information

#06a2bb Color Conversion

Color Schemes with #06a2bb

Alternatives to #06a2bb

#06a2bb Preview

Shades and Tints of #06a2bb

Tones of #06a2bb

Color Blindness Simulator