#06a0b2 hex color

In a RGB color space, hex #06a0b2 is composed of 2.4% red, 62.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 10.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 186.3 degrees, a saturation of 93.5% and a lightness of 36.1%. #06a0b2 color hex could be obtained by blending #0cffff with #004165. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 63
- B 70
RGB color chart
- C 97
- M 10
- Y 0
- K 30
CMYK color chart

● #06a0b2 color description : Dark cyan.

The hexadecimal color #06a0b2 has RGB values of R:6, G:160, B:178 and CMYK values of C:0.97, M:0.1, Y:0, K:0.3. Its decimal value is 434354.

Hex triplet	06a0b2	`#06a0b2`
RGB Decimal	6, 160, 178	`rgb(6,160,178)`
RGB Percent	2.4, 62.7, 69.8	`rgb(2.4%,62.7%,69.8%)`
CMYK	97, 10, 0, 30
HSL	186.3°, 93.5, 36.1	`hsl(186.3,93.5%,36.1%)`
HSV (or HSB)	186.3°, 96.6, 69.8
Web Safe	009999	`#009999`

CIE-LAB	60.242, -27.903, -19.169
XYZ	20.679, 28.393, 46.507
xyY	0.216, 0.297, 28.393
CIE-LCH	60.242, 33.853, 214.489
CIE-LUV	60.242, -44.408, -25.327
Hunter-Lab	53.285, -23.973, -14.45
Binary	00000110, 10100000, 10110010

#06a0b2
```
#06a0b2 rgb(6,160,178)
```
#b21806
```
#b21806 rgb(178,24,6)
```

Complementary Color

#06b26e
```
#06b26e rgb(6,178,110)
```
#06a0b2
```
#06a0b2 rgb(6,160,178)
```
#064ab2
```
#064ab2 rgb(6,74,178)
```

Analogous Color

#b26e06
```
#b26e06 rgb(178,110,6)
```
#06a0b2
```
#06a0b2 rgb(6,160,178)
```
#b2064a
```
#b2064a rgb(178,6,74)
```

Split Complementary Color

#a0b206
```
#a0b206 rgb(160,178,6)
```
#06a0b2
```
#06a0b2 rgb(6,160,178)
```
#b206a0
```
#b206a0 rgb(178,6,160)
```

Triadic Color

#06b218
```
#06b218 rgb(6,178,24)
```
#06a0b2
```
#06a0b2 rgb(6,160,178)
```
#b206a0
```
#b206a0 rgb(178,6,160)
```
#b21806
```
#b21806 rgb(178,24,6)
```

Tetradic Color

#045d68
```
#045d68 rgb(4,93,104)
```
#047481
```
#047481 rgb(4,116,129)
```
#058a99
```
#058a99 rgb(5,138,153)
```
#06a0b2
```
#06a0b2 rgb(6,160,178)
```
#07b6cb
```
#07b6cb rgb(7,182,203)
```
#08cce3
```
#08cce3 rgb(8,204,227)
```
#0edef7
```
#0edef7 rgb(14,222,247)
```

Monochromatic Color

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

#06b299
```
#06b299 rgb(6,178,153)
```
#06b2a7
```
#06b2a7 rgb(6,178,167)
```
#06aeb2
```
#06aeb2 rgb(6,174,178)
```
#06a0b2
```
#06a0b2 rgb(6,160,178)
```
#0692b2
```
#0692b2 rgb(6,146,178)
```
#0683b2
```
#0683b2 rgb(6,131,178)
```
#0675b2
```
#0675b2 rgb(6,117,178)
```

Similar Colors

Text with hexadecimal color #06a0b2

This text has a font color of #06a0b2.

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

#06a0b2 background color

This paragraph has a background color of #06a0b2.

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

#06a0b2 border color

This element has a border color of #06a0b2.

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

CSS codes

.text {color:#06a0b2;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01181a
```
#01181a rgb(1,24,26)
```
#02292d
```
#02292d rgb(2,41,45)
```
#023a40
```
#023a40 rgb(2,58,64)
```
#034b53
```
#034b53 rgb(3,75,83)
```
#035c66
```
#035c66 rgb(3,92,102)
```
#046d79
```
#046d79 rgb(4,109,121)
```
#057e8c
```
#057e8c rgb(5,126,140)
```
#058f9f
```
#058f9f rgb(5,143,159)
```
#06a0b2
```
#06a0b2 rgb(6,160,178)
```
#07b1c5
```
#07b1c5 rgb(7,177,197)
```
#07c2d8
```
#07c2d8 rgb(7,194,216)
```
#08d3eb
```
#08d3eb rgb(8,211,235)
```

Shade Color Variation

#10dff7
```
#10dff7 rgb(16,223,247)
```
#23e1f8
```
#23e1f8 rgb(35,225,248)
```
#35e4f8
```
#35e4f8 rgb(53,228,248)
```
#48e6f9
```
#48e6f9 rgb(72,230,249)
```
#5be9f9
```
#5be9f9 rgb(91,233,249)
```
#6eecfa
```
#6eecfa rgb(110,236,250)
```
#81eefb
```
#81eefb rgb(129,238,251)
```
#94f1fb
```
#94f1fb rgb(148,241,251)
```
#a7f3fc
```
#a7f3fc rgb(167,243,252)
```
#baf6fd
```
#baf6fd rgb(186,246,253)
```
#cdf8fd
```
#cdf8fd rgb(205,248,253)
```
#e0fbfe
```
#e0fbfe rgb(224,251,254)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#5b5d5d
```
#5b5d5d rgb(91,93,93)
```
#546264
```
#546264 rgb(84,98,100)
```
#4d686b
```
#4d686b rgb(77,104,107)
```
#466e72
```
#466e72 rgb(70,110,114)
```
#3f7379
```
#3f7379 rgb(63,115,121)
```
#387980
```
#387980 rgb(56,121,128)
```
#307e88
```
#307e88 rgb(48,126,136)
```
#29848f
```
#29848f rgb(41,132,143)
```
#228a96
```
#228a96 rgb(34,138,150)
```
#1b8f9d
```
#1b8f9d rgb(27,143,157)
```
#1495a4
```
#1495a4 rgb(20,149,164)
```
#0d9aab
```
#0d9aab rgb(13,154,171)
```
#06a0b2
```
#06a0b2 rgb(6,160,178)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5e7d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9295ac Protanopia 1% of men
#9094bc Deuteranopia 1% of men
#00a5b1 Tritanopia 0.001% of the population

Trichromacy

#5f99ae Protanomaly 1% of men, 0.01% of women
#5d98b8 Deuteranomaly 6% of men, 0.4% of women
#02a3b1 Tritanomaly 0.01% of the population

#06a0b2 hex color

#06a0b2 Color Information

#06a0b2 Color Conversion

Color Schemes with #06a0b2

Alternatives to #06a0b2

#06a0b2 Preview

Shades and Tints of #06a0b2

Tones of #06a0b2

Color Blindness Simulator