#5ac2e5 hex color

In a RGB color space, hex #5ac2e5 is composed of 35.3% red, 76.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 15.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 195.1 degrees, a saturation of 72.8% and a lightness of 62.5%. #5ac2e5 color hex could be obtained by blending #b4ffff with #0085cb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 76
- B 90
RGB color chart
- C 61
- M 15
- Y 0
- K 10
CMYK color chart

● #5ac2e5 color description : Soft blue.

The hexadecimal color #5ac2e5 has RGB values of R:90, G:194, B:229 and CMYK values of C:0.61, M:0.15, Y:0, K:0.1. Its decimal value is 5948133.

Hex triplet	5ac2e5	`#5ac2e5`
RGB Decimal	90, 194, 229	`rgb(90,194,229)`
RGB Percent	35.3, 76.1, 89.8	`rgb(35.3%,76.1%,89.8%)`
CMYK	61, 15, 0, 10
HSL	195.1°, 72.8, 62.5	`hsl(195.1,72.8%,62.5%)`
HSV (or HSB)	195.1°, 60.7, 89.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.812, -19.92, -26.445
XYZ	37.647, 46.412, 81.099
xyY	0.228, 0.281, 46.412
CIE-LCH	73.812, 33.108, 233.011
CIE-LUV	73.812, -41.955, -39.198
Hunter-Lab	68.126, -20.579, -22.892
Binary	01011010, 11000010, 11100101

#5ac2e5
```
#5ac2e5 rgb(90,194,229)
```
#e57d5a
```
#e57d5a rgb(229,125,90)
```

Complementary Color

#5ae5c3
```
#5ae5c3 rgb(90,229,195)
```
#5ac2e5
```
#5ac2e5 rgb(90,194,229)
```
#5a7de5
```
#5a7de5 rgb(90,125,229)
```

Analogous Color

#e5c35a
```
#e5c35a rgb(229,195,90)
```
#5ac2e5
```
#5ac2e5 rgb(90,194,229)
```
#e55a7d
```
#e55a7d rgb(229,90,125)
```

Split Complementary Color

#c2e55a
```
#c2e55a rgb(194,229,90)
```
#5ac2e5
```
#5ac2e5 rgb(90,194,229)
```
#e55ac2
```
#e55ac2 rgb(229,90,194)
```

Triadic Color

#5ae57d
```
#5ae57d rgb(90,229,125)
```
#5ac2e5
```
#5ac2e5 rgb(90,194,229)
```
#e55ac2
```
#e55ac2 rgb(229,90,194)
```
#e57d5a
```
#e57d5a rgb(229,125,90)
```

Tetradic Color

#21a5d1
```
#21a5d1 rgb(33,165,209)
```
#2eb2de
```
#2eb2de rgb(46,178,222)
```
#44bae2
```
#44bae2 rgb(68,186,226)
```
#5ac2e5
```
#5ac2e5 rgb(90,194,229)
```
#70cae8
```
#70cae8 rgb(112,202,232)
```
#86d2ec
```
#86d2ec rgb(134,210,236)
```
#9cdaef
```
#9cdaef rgb(156,218,239)
```

Monochromatic Color

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

#5ae5e5
```
#5ae5e5 rgb(90,229,229)
```
#5ad9e5
```
#5ad9e5 rgb(90,217,229)
```
#5acee5
```
#5acee5 rgb(90,206,229)
```
#5ac2e5
```
#5ac2e5 rgb(90,194,229)
```
#5ab6e5
```
#5ab6e5 rgb(90,182,229)
```
#5aabe5
```
#5aabe5 rgb(90,171,229)
```
#5a9fe5
```
#5a9fe5 rgb(90,159,229)
```

Similar Colors

Text with hexadecimal color #5ac2e5

This text has a font color of #5ac2e5.

<span style="color:#5ac2e5;">Text here</span>

#5ac2e5 background color

This paragraph has a background color of #5ac2e5.

<p style="background-color:#5ac2e5;">Content here</p>

#5ac2e5 border color

This element has a border color of #5ac2e5.

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

CSS codes

.text {color:#5ac2e5;}

.background {background-color:#5ac2e5;}

.border {border:1px solid #5ac2e5;}

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

#010404
```
#010404 rgb(1,4,4)
```
#031115
```
#031115 rgb(3,17,21)
```
#061e26
```
#061e26 rgb(6,30,38)
```
#092c37
```
#092c37 rgb(9,44,55)
```
#0b3948
```
#0b3948 rgb(11,57,72)
```
#0e4659
```
#0e4659 rgb(14,70,89)
```
#11546a
```
#11546a rgb(17,84,106)
```
#13617b
```
#13617b rgb(19,97,123)
```
#166e8c
```
#166e8c rgb(22,110,140)
```
#197c9d
```
#197c9d rgb(25,124,157)
```
#1b89ae
```
#1b89ae rgb(27,137,174)
```
#1e96bf
```
#1e96bf rgb(30,150,191)
```
#21a4d0
```
#21a4d0 rgb(33,164,208)
```

Shade Color Variation

#27afdd
```
#27afdd rgb(39,175,221)
```
#38b5e0
```
#38b5e0 rgb(56,181,224)
```
#49bce2
```
#49bce2 rgb(73,188,226)
```
#5ac2e5
```
#5ac2e5 rgb(90,194,229)
```
#6bc8e8
```
#6bc8e8 rgb(107,200,232)
```
#7ccfea
```
#7ccfea rgb(124,207,234)
```
#8dd5ed
```
#8dd5ed rgb(141,213,237)
```
#9edbf0
```
#9edbf0 rgb(158,219,240)
```
#afe1f2
```
#afe1f2 rgb(175,225,242)
```
#c0e8f5
```
#c0e8f5 rgb(192,232,245)
```
#d1eef8
```
#d1eef8 rgb(209,238,248)
```
#e2f4fa
```
#e2f4fa rgb(226,244,250)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca1a3 is the less saturated color, while #44cdfb is the most saturated one.

#9ca1a3
```
#9ca1a3 rgb(156,161,163)
```
#95a5aa
```
#95a5aa rgb(149,165,170)
```
#8da8b2
```
#8da8b2 rgb(141,168,178)
```
#86acb9
```
#86acb9 rgb(134,172,185)
```
#7fb0c0
```
#7fb0c0 rgb(127,176,192)
```
#77b3c8
```
#77b3c8 rgb(119,179,200)
```
#70b7cf
```
#70b7cf rgb(112,183,207)
```
#69bbd6
```
#69bbd6 rgb(105,187,214)
```
#61bede
```
#61bede rgb(97,190,222)
```
#5ac2e5
```
#5ac2e5 rgb(90,194,229)
```
#53c6ec
```
#53c6ec rgb(83,198,236)
```
#4bc9f4
```
#4bc9f4 rgb(75,201,244)
```
#44cdfb
```
#44cdfb rgb(68,205,251)
```

Tone Color Variation

Below, you can see how #5ac2e5 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

#a7a7a7 Achromatopsia 0.005% of the population
#98acb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b7dd Protanopia 1% of men
#adb6eb Deuteranopia 1% of men
#59c8d6 Tritanopia 0.001% of the population

Trichromacy

#90bbe0 Protanomaly 1% of men, 0.01% of women
#8fbae9 Deuteranomaly 6% of men, 0.4% of women
#59c5db Tritanomaly 0.01% of the population

#5ac2e5 hex color

#5ac2e5 Color Information

#5ac2e5 Color Conversion

Color Schemes with #5ac2e5

Alternatives to #5ac2e5

#5ac2e5 Preview

Shades and Tints of #5ac2e5

Tones of #5ac2e5

Color Blindness Simulator