#06a2d6 hex color

In a RGB color space, hex #06a2d6 is composed of 2.4% red, 63.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 24.3% magenta, 0% yellow and 16.1% black. It has a hue angle of 195 degrees, a saturation of 94.5% and a lightness of 43.1%. #06a2d6 color hex could be obtained by blending #0cffff with #0045ad. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 64
- B 84
RGB color chart
- C 97
- M 24
- Y 0
- K 16
CMYK color chart

● #06a2d6 color description : Strong blue.

The hexadecimal color #06a2d6 has RGB values of R:6, G:162, B:214 and CMYK values of C:0.97, M:0.24, Y:0, K:0.16. Its decimal value is 434902.

Hex triplet	06a2d6	`#06a2d6`
RGB Decimal	6, 162, 214	`rgb(6,162,214)`
RGB Percent	2.4, 63.5, 83.9	`rgb(2.4%,63.5%,83.9%)`
CMYK	97, 24, 0, 16
HSL	195°, 94.5, 43.1	`hsl(195,94.5%,43.1%)`
HSV (or HSB)	195°, 97.2, 83.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.281, -16.504, -36.173
XYZ	25.13, 30.732, 68.222
xyY	0.203, 0.248, 30.732
CIE-LCH	62.281, 39.76, 245.475
CIE-LUV	62.281, -42.363, -55.003
Hunter-Lab	55.436, -16.098, -34.159
Binary	00000110, 10100010, 11010110

#06a2d6
```
#06a2d6 rgb(6,162,214)
```
#d63a06
```
#d63a06 rgb(214,58,6)
```

Complementary Color

#06d6a2
```
#06d6a2 rgb(6,214,162)
```
#06a2d6
```
#06a2d6 rgb(6,162,214)
```
#063ad6
```
#063ad6 rgb(6,58,214)
```

Analogous Color

#d6a206
```
#d6a206 rgb(214,162,6)
```
#06a2d6
```
#06a2d6 rgb(6,162,214)
```
#d6063a
```
#d6063a rgb(214,6,58)
```

Split Complementary Color

#a2d606
```
#a2d606 rgb(162,214,6)
```
#06a2d6
```
#06a2d6 rgb(6,162,214)
```
#d606a2
```
#d606a2 rgb(214,6,162)
```

Triadic Color

#06d63a
```
#06d63a rgb(6,214,58)
```
#06a2d6
```
#06a2d6 rgb(6,162,214)
```
#d606a2
```
#d606a2 rgb(214,6,162)
```
#d63a06
```
#d63a06 rgb(214,58,6)
```

Tetradic Color

#046a8c
```
#046a8c rgb(4,106,140)
```
#057ca4
```
#057ca4 rgb(5,124,164)
```
#058fbd
```
#058fbd rgb(5,143,189)
```
#06a2d6
```
#06a2d6 rgb(6,162,214)
```
#07b5ef
```
#07b5ef rgb(7,181,239)
```
#17c0f8
```
#17c0f8 rgb(23,192,248)
```
#2fc7f9
```
#2fc7f9 rgb(47,199,249)
```

Monochromatic Color

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

#06d6d6
```
#06d6d6 rgb(6,214,214)
```
#06c5d6
```
#06c5d6 rgb(6,197,214)
```
#06b3d6
```
#06b3d6 rgb(6,179,214)
```
#06a2d6
```
#06a2d6 rgb(6,162,214)
```
#0691d6
```
#0691d6 rgb(6,145,214)
```
#067fd6
```
#067fd6 rgb(6,127,214)
```
#066ed6
```
#066ed6 rgb(6,110,214)
```

Similar Colors

Text with hexadecimal color #06a2d6

This text has a font color of #06a2d6.

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

#06a2d6 background color

This paragraph has a background color of #06a2d6.

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

#06a2d6 border color

This element has a border color of #06a2d6.

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

CSS codes

.text {color:#06a2d6;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011217
```
#011217 rgb(1,18,23)
```
#01202a
```
#01202a rgb(1,32,42)
```
#022e3d
```
#022e3d rgb(2,46,61)
```
#023d50
```
#023d50 rgb(2,61,80)
```
#034b64
```
#034b64 rgb(3,75,100)
```
#035a77
```
#035a77 rgb(3,90,119)
```
#04688a
```
#04688a rgb(4,104,138)
```
#04779d
```
#04779d rgb(4,119,157)
```
#0585b0
```
#0585b0 rgb(5,133,176)
```
#0594c3
```
#0594c3 rgb(5,148,195)
```
#06a2d6
```
#06a2d6 rgb(6,162,214)
```
#07b0e9
```
#07b0e9 rgb(7,176,233)
```

Shade Color Variation

#0bbdf8
```
#0bbdf8 rgb(11,189,248)
```
#1ec2f9
```
#1ec2f9 rgb(30,194,249)
```
#31c7f9
```
#31c7f9 rgb(49,199,249)
```
#44ccfa
```
#44ccfa rgb(68,204,250)
```
#57d2fa
```
#57d2fa rgb(87,210,250)
```
#6ad7fb
```
#6ad7fb rgb(106,215,251)
```
#7edcfb
```
#7edcfb rgb(126,220,251)
```
#91e1fc
```
#91e1fc rgb(145,225,252)
```
#a4e6fc
```
#a4e6fc rgb(164,230,252)
```
#b7ebfd
```
#b7ebfd rgb(183,235,253)
```
#caf1fe
```
#caf1fe rgb(202,241,254)
```
#ddf6fe
```
#ddf6fe rgb(221,246,254)
```
#f0fbff
```
#f0fbff rgb(240,251,255)
```

Tint Color Variation

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

#6c6f70
```
#6c6f70 rgb(108,111,112)
```
#637379
```
#637379 rgb(99,115,121)
```
#5b7881
```
#5b7881 rgb(91,120,129)
```
#527c8a
```
#527c8a rgb(82,124,138)
```
#4a8092
```
#4a8092 rgb(74,128,146)
```
#41849b
```
#41849b rgb(65,132,155)
```
#3989a3
```
#3989a3 rgb(57,137,163)
```
#308dac
```
#308dac rgb(48,141,172)
```
#2891b4
```
#2891b4 rgb(40,145,180)
```
#1f95bd
```
#1f95bd rgb(31,149,189)
```
#179ac5
```
#179ac5 rgb(23,154,197)
```
#0e9ece
```
#0e9ece rgb(14,158,206)
```
#06a2d6
```
#06a2d6 rgb(6,162,214)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#62818c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9acf Protanopia 1% of men
#7e9bdc Deuteranopia 1% of men
#00abb6 Tritanopia 0.001% of the population

Trichromacy

#5a9cd1 Protanomaly 1% of men, 0.01% of women
#529dda Deuteranomaly 6% of men, 0.4% of women
#02a7c2 Tritanomaly 0.01% of the population

#06a2d6 hex color

#06a2d6 Color Information

#06a2d6 Color Conversion

Color Schemes with #06a2d6

Alternatives to #06a2d6

#06a2d6 Preview

Shades and Tints of #06a2d6

Tones of #06a2d6

Color Blindness Simulator