colorhexa.com

#05a3b8 hex color

In a RGB color space, hex #05a3b8 is composed of 2% red, 63.9% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 11.4% magenta, 0% yellow and 27.8% black. It has a hue angle of 187 degrees, a saturation of 94.7% and a lightness of 37.1%. #05a3b8 color hex could be obtained by blending #0affff with #004771. Closest websafe color is: #0099cc.

- R 2
- G 64
- B 72
RGB color chart
- C 97
- M 11
- Y 0
- K 28
CMYK color chart

● #05a3b8 color description : Strong cyan.

The hexadecimal color #05a3b8 has RGB values of R:5, G:163, B:184 and CMYK values of C:0.97, M:0.11, Y:0, K:0.28. Its decimal value is 369592.

Hex triplet	05a3b8	`#05a3b8`
RGB Decimal	5, 163, 184	`rgb(5,163,184)`
RGB Percent	2, 63.9, 72.2	`rgb(2%,63.9%,72.2%)`
CMYK	97, 11, 0, 28
HSL	187°, 94.7, 37.1	`hsl(187,94.7%,37.1%)`
HSV (or HSB)	187°, 97.3, 72.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.382, -27.437, -20.807
XYZ	21.809, 29.685, 49.925
xyY	0.215, 0.293, 29.685
CIE-LCH	61.382, 34.434, 217.174
CIE-LUV	61.382, -45.021, -28.113
Hunter-Lab	54.484, -23.897, -16.19
Binary	00000101, 10100011, 10111000

#05a3b8
```
#05a3b8 rgb(5,163,184)
```
#b81a05
```
#b81a05 rgb(184,26,5)
```

Complementary Color

#05b874
```
#05b874 rgb(5,184,116)
```
#05a3b8
```
#05a3b8 rgb(5,163,184)
```
#0549b8
```
#0549b8 rgb(5,73,184)
```

Analogous Color

#b87405
```
#b87405 rgb(184,116,5)
```
#05a3b8
```
#05a3b8 rgb(5,163,184)
```
#b8054a
```
#b8054a rgb(184,5,74)
```

Split Complementary Color

#a3b805
```
#a3b805 rgb(163,184,5)
```
#05a3b8
```
#05a3b8 rgb(5,163,184)
```
#b805a3
```
#b805a3 rgb(184,5,163)
```

Triadic Color

#03616e
```
#03616e rgb(3,97,110)
```
#047786
```
#047786 rgb(4,119,134)
```
#048d9f
```
#048d9f rgb(4,141,159)
```
#05a3b8
```
#05a3b8 rgb(5,163,184)
```
#06b9d1
```
#06b9d1 rgb(6,185,209)
```
#06cfea
```
#06cfea rgb(6,207,234)
```
#11ddf9
```
#11ddf9 rgb(17,221,249)
```

Monochromatic Color

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

#05b8a0
```
#05b8a0 rgb(5,184,160)
```
#05b8af
```
#05b8af rgb(5,184,175)
```
#05b2b8
```
#05b2b8 rgb(5,178,184)
```
#05a3b8
```
#05a3b8 rgb(5,163,184)
```
#0594b8
```
#0594b8 rgb(5,148,184)
```
#0585b8
```
#0585b8 rgb(5,133,184)
```
#0576b8
```
#0576b8 rgb(5,118,184)
```

Similar Colors

Text with hexadecimal color #05a3b8

This text has a font color of #05a3b8.

<span style="color:#05a3b8;">Text here</span>

#05a3b8 background color

This paragraph has a background color of #05a3b8.

<p style="background-color:#05a3b8;">Content here</p>

#05a3b8 border color

This element has a border color of #05a3b8.

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

CSS codes

.text {color:#05a3b8;}

.background {background-color:#05a3b8;}

.border {border:1px solid #05a3b8;}

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

#000b0c
```
#000b0c rgb(0,11,12)
```
#011c1f
```
#011c1f rgb(1,28,31)
```
#012d32
```
#012d32 rgb(1,45,50)
```
#023d45
```
#023d45 rgb(2,61,69)
```
#024e59
```
#024e59 rgb(2,78,89)
```
#035f6c
```
#035f6c rgb(3,95,108)
```
#03707f
```
#03707f rgb(3,112,127)
```
#048192
```
#048192 rgb(4,129,146)
```
#0492a5
```
#0492a5 rgb(4,146,165)
```
#05a3b8
```
#05a3b8 rgb(5,163,184)
```
#06b4cb
```
#06b4cb rgb(6,180,203)
```
#06c5de
```
#06c5de rgb(6,197,222)
```
#07d6f1
```
#07d6f1 rgb(7,214,241)
```

Shade Color Variation

#13def9
```
#13def9 rgb(19,222,249)
```
#26e0f9
```
#26e0f9 rgb(38,224,249)
```
#39e3fa
```
#39e3fa rgb(57,227,250)
```
#4ce6fa
```
#4ce6fa rgb(76,230,250)
```
#5fe8fb
```
#5fe8fb rgb(95,232,251)
```
#72ebfb
```
#72ebfb rgb(114,235,251)
```
#85eefc
```
#85eefc rgb(133,238,252)
```
#99f1fc
```
#99f1fc rgb(153,241,252)
```
#acf3fd
```
#acf3fd rgb(172,243,253)
```
#bff6fd
```
#bff6fd rgb(191,246,253)
```
#d2f9fe
```
#d2f9fe rgb(210,249,254)
```
#e5fbfe
```
#e5fbfe rgb(229,251,254)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#5c6061
```
#5c6061 rgb(92,96,97)
```
#556668
```
#556668 rgb(85,102,104)
```
#4e6b6f
```
#4e6b6f rgb(78,107,111)
```
#467177
```
#467177 rgb(70,113,119)
```
#3f767e
```
#3f767e rgb(63,118,126)
```
#387c85
```
#387c85 rgb(56,124,133)
```
#31828c
```
#31828c rgb(49,130,140)
```
#298794
```
#298794 rgb(41,135,148)
```
#228d9b
```
#228d9b rgb(34,141,155)
```
#1b92a2
```
#1b92a2 rgb(27,146,162)
```
#1498a9
```
#1498a9 rgb(20,152,169)
```
#0c9db1
```
#0c9db1 rgb(12,157,177)
```
#05a3b8
```
#05a3b8 rgb(5,163,184)
```

Tone Color Variation

Below, you can see how #05a3b8 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
#5f7f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9498b2 Protanopia 1% of men
#9197c2 Deuteranopia 1% of men
#00a8b4 Tritanopia 0.001% of the population

Trichromacy

#609cb4 Protanomaly 1% of men, 0.01% of women
#5e9bbe Deuteranomaly 6% of men, 0.4% of women
#01a6b6 Tritanomaly 0.01% of the population