#06a5d5 hex color

In a RGB color space, hex #06a5d5 is composed of 2.4% red, 64.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 22.5% magenta, 0% yellow and 16.5% black. It has a hue angle of 193.9 degrees, a saturation of 94.5% and a lightness of 42.9%. #06a5d5 color hex could be obtained by blending #0cffff with #004bab. Closest websafe color is: #0099cc.

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

● #06a5d5 color description : Strong cyan.

The hexadecimal color #06a5d5 has RGB values of R:6, G:165, B:213 and CMYK values of C:0.97, M:0.23, Y:0, K:0.16. Its decimal value is 435669.

Hex triplet	06a5d5	`#06a5d5`
RGB Decimal	6, 165, 213	`rgb(6,165,213)`
RGB Percent	2.4, 64.7, 83.5	`rgb(2.4%,64.7%,83.5%)`
CMYK	97, 23, 0, 16
HSL	193.9°, 94.5, 42.9	`hsl(193.9,94.5%,42.9%)`
HSV (or HSB)	193.9°, 97.2, 83.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.136, -18.466, -34.286
XYZ	25.537, 31.751, 67.73
xyY	0.204, 0.254, 31.751
CIE-LCH	63.136, 38.942, 241.693
CIE-LUV	63.136, -43.455, -51.71
Hunter-Lab	56.348, -17.71, -31.823
Binary	00000110, 10100101, 11010101

#06a5d5
```
#06a5d5 rgb(6,165,213)
```
#d53606
```
#d53606 rgb(213,54,6)
```

Complementary Color

#06d59e
```
#06d59e rgb(6,213,158)
```
#06a5d5
```
#06a5d5 rgb(6,165,213)
```
#063ed5
```
#063ed5 rgb(6,62,213)
```

Analogous Color

#d59e06
```
#d59e06 rgb(213,158,6)
```
#06a5d5
```
#06a5d5 rgb(6,165,213)
```
#d5063e
```
#d5063e rgb(213,6,62)
```

Split Complementary Color

#a5d506
```
#a5d506 rgb(165,213,6)
```
#06a5d5
```
#06a5d5 rgb(6,165,213)
```
#d506a5
```
#d506a5 rgb(213,6,165)
```

Triadic Color

#06d536
```
#06d536 rgb(6,213,54)
```
#06a5d5
```
#06a5d5 rgb(6,165,213)
```
#d506a5
```
#d506a5 rgb(213,6,165)
```
#d53606
```
#d53606 rgb(213,54,6)
```

Tetradic Color

#046b8b
```
#046b8b rgb(4,107,139)
```
#057fa3
```
#057fa3 rgb(5,127,163)
```
#0592bc
```
#0592bc rgb(5,146,188)
```
#06a5d5
```
#06a5d5 rgb(6,165,213)
```
#07b8ee
```
#07b8ee rgb(7,184,238)
```
#16c4f8
```
#16c4f8 rgb(22,196,248)
```
#2ecaf9
```
#2ecaf9 rgb(46,202,249)
```

Monochromatic Color

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

#06d5d1
```
#06d5d1 rgb(6,213,209)
```
#06c8d5
```
#06c8d5 rgb(6,200,213)
```
#06b6d5
```
#06b6d5 rgb(6,182,213)
```
#06a5d5
```
#06a5d5 rgb(6,165,213)
```
#0694d5
```
#0694d5 rgb(6,148,213)
```
#0683d5
```
#0683d5 rgb(6,131,213)
```
#0671d5
```
#0671d5 rgb(6,113,213)
```

Similar Colors

Text with hexadecimal color #06a5d5

This text has a font color of #06a5d5.

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

#06a5d5 background color

This paragraph has a background color of #06a5d5.

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

#06a5d5 border color

This element has a border color of #06a5d5.

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

CSS codes

.text {color:#06a5d5;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#011116
```
#011116 rgb(1,17,22)
```
#012029
```
#012029 rgb(1,32,41)
```
#022f3c
```
#022f3c rgb(2,47,60)
```
#023e4f
```
#023e4f rgb(2,62,79)
```
#034c63
```
#034c63 rgb(3,76,99)
```
#035b76
```
#035b76 rgb(3,91,118)
```
#046a89
```
#046a89 rgb(4,106,137)
```
#04799c
```
#04799c rgb(4,121,156)
```
#0587af
```
#0587af rgb(5,135,175)
```
#0596c2
```
#0596c2 rgb(5,150,194)
```
#06a5d5
```
#06a5d5 rgb(6,165,213)
```
#07b4e8
```
#07b4e8 rgb(7,180,232)
```

Shade Color Variation

#0ac1f8
```
#0ac1f8 rgb(10,193,248)
```
#1dc6f9
```
#1dc6f9 rgb(29,198,249)
```
#30cbf9
```
#30cbf9 rgb(48,203,249)
```
#43cffa
```
#43cffa rgb(67,207,250)
```
#56d4fa
```
#56d4fa rgb(86,212,250)
```
#6ad9fb
```
#6ad9fb rgb(106,217,251)
```
#7ddefb
```
#7ddefb rgb(125,222,251)
```
#90e3fc
```
#90e3fc rgb(144,227,252)
```
#a3e8fc
```
#a3e8fc rgb(163,232,252)
```
#b6ecfd
```
#b6ecfd rgb(182,236,253)
```
#c9f1fd
```
#c9f1fd rgb(201,241,253)
```
#dcf6fe
```
#dcf6fe rgb(220,246,254)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

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

#6b6f70
```
#6b6f70 rgb(107,111,112)
```
#637378
```
#637378 rgb(99,115,120)
```
#5a7881
```
#5a7881 rgb(90,120,129)
```
#527c89
```
#527c89 rgb(82,124,137)
```
#498192
```
#498192 rgb(73,129,146)
```
#41859a
```
#41859a rgb(65,133,154)
```
#398aa2
```
#398aa2 rgb(57,138,162)
```
#308eab
```
#308eab rgb(48,142,171)
```
#2893b3
```
#2893b3 rgb(40,147,179)
```
#1f97bc
```
#1f97bc rgb(31,151,188)
```
#179cc4
```
#179cc4 rgb(23,156,196)
```
#0ea0cd
```
#0ea0cd rgb(14,160,205)
```
#06a5d5
```
#06a5d5 rgb(6,165,213)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#64838d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9ccd Protanopia 1% of men
#839cdc Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#5d9fd0 Protanomaly 1% of men, 0.01% of women
#569fd9 Deuteranomaly 6% of men, 0.4% of women
#02aac3 Tritanomaly 0.01% of the population

#06a5d5 hex color

#06a5d5 Color Information

#06a5d5 Color Conversion

Color Schemes with #06a5d5

Alternatives to #06a5d5

#06a5d5 Preview

Shades and Tints of #06a5d5

Tones of #06a5d5

Color Blindness Simulator