#5ac7ec hex color

In a RGB color space, hex #5ac7ec is composed of 35.3% red, 78% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 15.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 195.2 degrees, a saturation of 79.3% and a lightness of 63.9%. #5ac7ec color hex could be obtained by blending #b4ffff with #008fd9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 78
- B 93
RGB color chart
- C 62
- M 16
- Y 0
- K 7
CMYK color chart

● #5ac7ec color description : Soft blue.

The hexadecimal color #5ac7ec has RGB values of R:90, G:199, B:236 and CMYK values of C:0.62, M:0.16, Y:0, K:0.07. Its decimal value is 5949420.

Hex triplet	5ac7ec	`#5ac7ec`
RGB Decimal	90, 199, 236	`rgb(90,199,236)`
RGB Percent	35.3, 78, 92.5	`rgb(35.3%,78%,92.5%)`
CMYK	62, 16, 0, 7
HSL	195.2°, 79.3, 63.9	`hsl(195.2,79.3%,63.9%)`
HSV (or HSB)	195.2°, 61.9, 92.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.497, -20.39, -27.641
XYZ	39.776, 49.074, 86.728
xyY	0.227, 0.279, 49.074
CIE-LCH	75.497, 34.348, 233.585
CIE-LUV	75.497, -43.453, -41.268
Hunter-Lab	70.053, -21.239, -24.367
Binary	01011010, 11000111, 11101100

#5ac7ec
```
#5ac7ec rgb(90,199,236)
```
#ec7f5a
```
#ec7f5a rgb(236,127,90)
```

Complementary Color

#5aecc8
```
#5aecc8 rgb(90,236,200)
```
#5ac7ec
```
#5ac7ec rgb(90,199,236)
```
#5a7eec
```
#5a7eec rgb(90,126,236)
```

Analogous Color

#ecc85a
```
#ecc85a rgb(236,200,90)
```
#5ac7ec
```
#5ac7ec rgb(90,199,236)
```
#ec5a7e
```
#ec5a7e rgb(236,90,126)
```

Split Complementary Color

#c7ec5a
```
#c7ec5a rgb(199,236,90)
```
#5ac7ec
```
#5ac7ec rgb(90,199,236)
```
#ec5ac7
```
#ec5ac7 rgb(236,90,199)
```

Triadic Color

#5aec7f
```
#5aec7f rgb(90,236,127)
```
#5ac7ec
```
#5ac7ec rgb(90,199,236)
```
#ec5ac7
```
#ec5ac7 rgb(236,90,199)
```
#ec7f5a
```
#ec7f5a rgb(236,127,90)
```

Tetradic Color

#1aaee0
```
#1aaee0 rgb(26,174,224)
```
#2cb7e7
```
#2cb7e7 rgb(44,183,231)
```
#43bfe9
```
#43bfe9 rgb(67,191,233)
```
#5ac7ec
```
#5ac7ec rgb(90,199,236)
```
#71cfef
```
#71cfef rgb(113,207,239)
```
#88d7f1
```
#88d7f1 rgb(136,215,241)
```
#9fdef4
```
#9fdef4 rgb(159,222,244)
```

Monochromatic Color

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

#5aecec
```
#5aecec rgb(90,236,236)
```
#5adfec
```
#5adfec rgb(90,223,236)
```
#5ad3ec
```
#5ad3ec rgb(90,211,236)
```
#5ac7ec
```
#5ac7ec rgb(90,199,236)
```
#5abbec
```
#5abbec rgb(90,187,236)
```
#5aafec
```
#5aafec rgb(90,175,236)
```
#5aa3ec
```
#5aa3ec rgb(90,163,236)
```

Similar Colors

Text with hexadecimal color #5ac7ec

This text has a font color of #5ac7ec.

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

#5ac7ec background color

This paragraph has a background color of #5ac7ec.

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

#5ac7ec border color

This element has a border color of #5ac7ec.

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

CSS codes

.text {color:#5ac7ec;}

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

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

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, #01080b is the darkest color, while #f8fdfe is the lightest one.

#01080b
```
#01080b rgb(1,8,11)
```
#03161c
```
#03161c rgb(3,22,28)
```
#05242e
```
#05242e rgb(5,36,46)
```
#073140
```
#073140 rgb(7,49,64)
```
#093f51
```
#093f51 rgb(9,63,81)
```
#0b4d63
```
#0b4d63 rgb(11,77,99)
```
#0d5a74
```
#0d5a74 rgb(13,90,116)
```
#0f6886
```
#0f6886 rgb(15,104,134)
```
#117698
```
#117698 rgb(17,118,152)
```
#1383a9
```
#1383a9 rgb(19,131,169)
```
#1691bb
```
#1691bb rgb(22,145,187)
```
#189fcc
```
#189fcc rgb(24,159,204)
```
#1aacde
```
#1aacde rgb(26,172,222)
```

Shade Color Variation

#25b5e6
```
#25b5e6 rgb(37,181,230)
```
#37bbe8
```
#37bbe8 rgb(55,187,232)
```
#48c1ea
```
#48c1ea rgb(72,193,234)
```
#5ac7ec
```
#5ac7ec rgb(90,199,236)
```
#6ccdee
```
#6ccdee rgb(108,205,238)
```
#7dd3f0
```
#7dd3f0 rgb(125,211,240)
```
#8fd9f2
```
#8fd9f2 rgb(143,217,242)
```
#a0dff4
```
#a0dff4 rgb(160,223,244)
```
#b2e5f6
```
#b2e5f6 rgb(178,229,246)
```
#c4ebf8
```
#c4ebf8 rgb(196,235,248)
```
#d5f1fa
```
#d5f1fa rgb(213,241,250)
```
#e7f7fc
```
#e7f7fc rgb(231,247,252)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a4a5 is the less saturated color, while #4ccefa is the most saturated one.

#a1a4a5
```
#a1a4a5 rgb(161,164,165)
```
#9aa8ac
```
#9aa8ac rgb(154,168,172)
```
#93abb3
```
#93abb3 rgb(147,171,179)
```
#8cafba
```
#8cafba rgb(140,175,186)
```
#84b2c2
```
#84b2c2 rgb(132,178,194)
```
#7db6c9
```
#7db6c9 rgb(125,182,201)
```
#76b9d0
```
#76b9d0 rgb(118,185,208)
```
#6fbdd7
```
#6fbdd7 rgb(111,189,215)
```
#68c0de
```
#68c0de rgb(104,192,222)
```
#61c4e5
```
#61c4e5 rgb(97,196,229)
```
#5ac7ec
```
#5ac7ec rgb(90,199,236)
```
#53caf3
```
#53caf3 rgb(83,202,243)
```
#4ccefa
```
#4ccefa rgb(76,206,250)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9bb1b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bbe4 Protanopia 1% of men
#b0baf2 Deuteranopia 1% of men
#58ccdb Tritanopia 0.001% of the population

Trichromacy

#93bfe6 Protanomaly 1% of men, 0.01% of women
#91bff0 Deuteranomaly 6% of men, 0.4% of women
#58cae1 Tritanomaly 0.01% of the population

#5ac7ec hex color

#5ac7ec Color Information

#5ac7ec Color Conversion

Color Schemes with #5ac7ec

Alternatives to #5ac7ec

#5ac7ec Preview

Shades and Tints of #5ac7ec

Tones of #5ac7ec

Color Blindness Simulator