#06a2cd hex color

In a RGB color space, hex #06a2cd is composed of 2.4% red, 63.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 21% magenta, 0% yellow and 19.6% black. It has a hue angle of 193 degrees, a saturation of 94.3% and a lightness of 41.4%. #06a2cd color hex could be obtained by blending #0cffff with #00459b. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 64
- B 80
RGB color chart
- C 97
- M 21
- Y 0
- K 20
CMYK color chart

● #06a2cd color description : Strong cyan.

The hexadecimal color #06a2cd has RGB values of R:6, G:162, B:205 and CMYK values of C:0.97, M:0.21, Y:0, K:0.2. Its decimal value is 434893.

Hex triplet	06a2cd	`#06a2cd`
RGB Decimal	6, 162, 205	`rgb(6,162,205)`
RGB Percent	2.4, 63.5, 80.4	`rgb(2.4%,63.5%,80.4%)`
CMYK	97, 21, 0, 20
HSL	193°, 94.3, 41.4	`hsl(193,94.3%,41.4%)`
HSV (or HSB)	193°, 97.1, 80.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.899, -19.69, -31.759
XYZ	24.012, 30.285, 62.334
xyY	0.206, 0.26, 30.285
CIE-LCH	61.899, 37.368, 238.201
CIE-LUV	61.899, -43.026, -47.19
Hunter-Lab	55.032, -18.42, -28.636
Binary	00000110, 10100010, 11001101

#06a2cd
```
#06a2cd rgb(6,162,205)
```
#cd3106
```
#cd3106 rgb(205,49,6)
```

Complementary Color

#06cd95
```
#06cd95 rgb(6,205,149)
```
#06a2cd
```
#06a2cd rgb(6,162,205)
```
#063fcd
```
#063fcd rgb(6,63,205)
```

Analogous Color

#cd9506
```
#cd9506 rgb(205,149,6)
```
#06a2cd
```
#06a2cd rgb(6,162,205)
```
#cd063f
```
#cd063f rgb(205,6,63)
```

Split Complementary Color

#a2cd06
```
#a2cd06 rgb(162,205,6)
```
#06a2cd
```
#06a2cd rgb(6,162,205)
```
#cd06a2
```
#cd06a2 rgb(205,6,162)
```

Triadic Color

#06cd31
```
#06cd31 rgb(6,205,49)
```
#06a2cd
```
#06a2cd rgb(6,162,205)
```
#cd06a2
```
#cd06a2 rgb(205,6,162)
```
#cd3106
```
#cd3106 rgb(205,49,6)
```

Tetradic Color

#046783
```
#046783 rgb(4,103,131)
```
#057b9b
```
#057b9b rgb(5,123,155)
```
#058eb4
```
#058eb4 rgb(5,142,180)
```
#06a2cd
```
#06a2cd rgb(6,162,205)
```
#07b6e6
```
#07b6e6 rgb(7,182,230)
```
#0ec5f8
```
#0ec5f8 rgb(14,197,248)
```
#27cbf9
```
#27cbf9 rgb(39,203,249)
```

Monochromatic Color

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

#06cdc6
```
#06cdc6 rgb(6,205,198)
```
#06c3cd
```
#06c3cd rgb(6,195,205)
```
#06b3cd
```
#06b3cd rgb(6,179,205)
```
#06a2cd
```
#06a2cd rgb(6,162,205)
```
#0691cd
```
#0691cd rgb(6,145,205)
```
#0681cd
```
#0681cd rgb(6,129,205)
```
#0670cd
```
#0670cd rgb(6,112,205)
```

Similar Colors

Text with hexadecimal color #06a2cd

This text has a font color of #06a2cd.

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

#06a2cd background color

This paragraph has a background color of #06a2cd.

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

#06a2cd border color

This element has a border color of #06a2cd.

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

CSS codes

.text {color:#06a2cd;}

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

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

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

#000b0e
```
#000b0e rgb(0,11,14)
```
#011a21
```
#011a21 rgb(1,26,33)
```
#022a35
```
#022a35 rgb(2,42,53)
```
#023948
```
#023948 rgb(2,57,72)
```
#03485b
```
#03485b rgb(3,72,91)
```
#03576e
```
#03576e rgb(3,87,110)
```
#046681
```
#046681 rgb(4,102,129)
```
#047594
```
#047594 rgb(4,117,148)
```
#0584a7
```
#0584a7 rgb(5,132,167)
```
#0593ba
```
#0593ba rgb(5,147,186)
```
#06a2cd
```
#06a2cd rgb(6,162,205)
```
#07b1e0
```
#07b1e0 rgb(7,177,224)
```
#07c0f3
```
#07c0f3 rgb(7,192,243)
```

Shade Color Variation

#16c7f8
```
#16c7f8 rgb(22,199,248)
```
#29ccf9
```
#29ccf9 rgb(41,204,249)
```
#3cd0f9
```
#3cd0f9 rgb(60,208,249)
```
#4fd5fa
```
#4fd5fa rgb(79,213,250)
```
#62d9fa
```
#62d9fa rgb(98,217,250)
```
#75defb
```
#75defb rgb(117,222,251)
```
#88e3fc
```
#88e3fc rgb(136,227,252)
```
#9be7fc
```
#9be7fc rgb(155,231,252)
```
#aeecfd
```
#aeecfd rgb(174,236,253)
```
#c1f0fd
```
#c1f0fd rgb(193,240,253)
```
#d4f5fe
```
#d4f5fe rgb(212,245,254)
```
#e7f9fe
```
#e7f9fe rgb(231,249,254)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#676b6c
```
#676b6c rgb(103,107,108)
```
#5f6f74
```
#5f6f74 rgb(95,111,116)
```
#57747c
```
#57747c rgb(87,116,124)
```
#4f7984
```
#4f7984 rgb(79,121,132)
```
#477d8c
```
#477d8c rgb(71,125,140)
```
#3f8294
```
#3f8294 rgb(63,130,148)
```
#37869c
```
#37869c rgb(55,134,156)
```
#2f8ba4
```
#2f8ba4 rgb(47,139,164)
```
#2690ad
```
#2690ad rgb(38,144,173)
```
#1e94b5
```
#1e94b5 rgb(30,148,181)
```
#1699bd
```
#1699bd rgb(22,153,189)
```
#0e9dc5
```
#0e9dc5 rgb(14,157,197)
```
#06a2cd
```
#06a2cd rgb(6,162,205)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#618089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e99c6 Protanopia 1% of men
#8499d4 Deuteranopia 1% of men
#00aab5 Tritanopia 0.001% of the population

Trichromacy

#5c9cc8 Protanomaly 1% of men, 0.01% of women
#569cd2 Deuteranomaly 6% of men, 0.4% of women
#02a7be Tritanomaly 0.01% of the population

#06a2cd hex color

#06a2cd Color Information

#06a2cd Color Conversion

Color Schemes with #06a2cd

Alternatives to #06a2cd

#06a2cd Preview

Shades and Tints of #06a2cd

Tones of #06a2cd

Color Blindness Simulator