#5aece2 hex color

In a RGB color space, hex #5aece2 is composed of 35.3% red, 92.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 0% magenta, 4.2% yellow and 7.5% black. It has a hue angle of 175.9 degrees, a saturation of 79.3% and a lightness of 63.9%. #5aece2 color hex could be obtained by blending #b4ffff with #00d9c5. Closest websafe color is: #66ffcc.

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

● #5aece2 color description : Soft cyan.

The hexadecimal color #5aece2 has RGB values of R:90, G:236, B:226 and CMYK values of C:0.62, M:0, Y:0.04, K:0.07. Its decimal value is 5958882.

Hex triplet	5aece2	`#5aece2`
RGB Decimal	90, 236, 226	`rgb(90,236,226)`
RGB Percent	35.3, 92.5, 88.6	`rgb(35.3%,92.5%,88.6%)`
CMYK	62, 0, 4, 7
HSL	175.9°, 79.3, 63.9	`hsl(175.9,79.3%,63.9%)`
HSV (or HSB)	175.9°, 61.9, 92.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	85.832, -40.938, -6.744
XYZ	47.935, 67.652, 82.479
xyY	0.242, 0.342, 67.652
CIE-LCH	85.832, 41.49, 189.354
CIE-LUV	85.832, -57.452, -4.024
Hunter-Lab	82.251, -39.91, -1.879
Binary	01011010, 11101100, 11100010

#5aece2
```
#5aece2 rgb(90,236,226)
```
#ec5a64
```
#ec5a64 rgb(236,90,100)
```

Complementary Color

#5aec99
```
#5aec99 rgb(90,236,153)
```
#5aece2
```
#5aece2 rgb(90,236,226)
```
#5aadec
```
#5aadec rgb(90,173,236)
```

Analogous Color

#ec995a
```
#ec995a rgb(236,153,90)
```
#5aece2
```
#5aece2 rgb(90,236,226)
```
#ec5aad
```
#ec5aad rgb(236,90,173)
```

Split Complementary Color

#ece25a
```
#ece25a rgb(236,226,90)
```
#5aece2
```
#5aece2 rgb(90,236,226)
```
#e25aec
```
#e25aec rgb(226,90,236)
```

Triadic Color

#64ec5a
```
#64ec5a rgb(100,236,90)
```
#5aece2
```
#5aece2 rgb(90,236,226)
```
#e25aec
```
#e25aec rgb(226,90,236)
```
#ec5a64
```
#ec5a64 rgb(236,90,100)
```

Tetradic Color

#1ae0d2
```
#1ae0d2 rgb(26,224,210)
```
#2ce7da
```
#2ce7da rgb(44,231,218)
```
#43e9de
```
#43e9de rgb(67,233,222)
```
#5aece2
```
#5aece2 rgb(90,236,226)
```
#71efe6
```
#71efe6 rgb(113,239,230)
```
#88f1ea
```
#88f1ea rgb(136,241,234)
```
#9ff4ee
```
#9ff4ee rgb(159,244,238)
```

Monochromatic Color

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

#5aecbe
```
#5aecbe rgb(90,236,190)
```
#5aecca
```
#5aecca rgb(90,236,202)
```
#5aecd6
```
#5aecd6 rgb(90,236,214)
```
#5aece2
```
#5aece2 rgb(90,236,226)
```
#5aeaec
```
#5aeaec rgb(90,234,236)
```
#5adeec
```
#5adeec rgb(90,222,236)
```
#5ad2ec
```
#5ad2ec rgb(90,210,236)
```

Similar Colors

Text with hexadecimal color #5aece2

This text has a font color of #5aece2.

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

#5aece2 background color

This paragraph has a background color of #5aece2.

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

#5aece2 border color

This element has a border color of #5aece2.

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

CSS codes

.text {color:#5aece2;}

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

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

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, #010b0a is the darkest color, while #f8fefe is the lightest one.

#010b0a
```
#010b0a rgb(1,11,10)
```
#031c1b
```
#031c1b rgb(3,28,27)
```
#052e2b
```
#052e2b rgb(5,46,43)
```
#07403c
```
#07403c rgb(7,64,60)
```
#09514c
```
#09514c rgb(9,81,76)
```
#0b635d
```
#0b635d rgb(11,99,93)
```
#0d746d
```
#0d746d rgb(13,116,109)
```
#0f867e
```
#0f867e rgb(15,134,126)
```
#11988e
```
#11988e rgb(17,152,142)
```
#13a99f
```
#13a99f rgb(19,169,159)
```
#16bbaf
```
#16bbaf rgb(22,187,175)
```
#18ccc0
```
#18ccc0 rgb(24,204,192)
```
#1aded1
```
#1aded1 rgb(26,222,209)
```

Shade Color Variation

#25e6d9
```
#25e6d9 rgb(37,230,217)
```
#37e8dc
```
#37e8dc rgb(55,232,220)
```
#48eadf
```
#48eadf rgb(72,234,223)
```
#5aece2
```
#5aece2 rgb(90,236,226)
```
#6ceee5
```
#6ceee5 rgb(108,238,229)
```
#7df0e8
```
#7df0e8 rgb(125,240,232)
```
#8ff2eb
```
#8ff2eb rgb(143,242,235)
```
#a0f4ee
```
#a0f4ee rgb(160,244,238)
```
#b2f6f1
```
#b2f6f1 rgb(178,246,241)
```
#c4f8f5
```
#c4f8f5 rgb(196,248,245)
```
#d5faf8
```
#d5faf8 rgb(213,250,248)
```
#e7fcfb
```
#e7fcfb rgb(231,252,251)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#a1a5a5
```
#a1a5a5 rgb(161,165,165)
```
#9aacab
```
#9aacab rgb(154,172,171)
```
#93b3b1
```
#93b3b1 rgb(147,179,177)
```
#8cbab7
```
#8cbab7 rgb(140,186,183)
```
#84c2bd
```
#84c2bd rgb(132,194,189)
```
#7dc9c3
```
#7dc9c3 rgb(125,201,195)
```
#76d0ca
```
#76d0ca rgb(118,208,202)
```
#6fd7d0
```
#6fd7d0 rgb(111,215,208)
```
#68ded6
```
#68ded6 rgb(104,222,214)
```
#61e5dc
```
#61e5dc rgb(97,229,220)
```
#5aece2
```
#5aece2 rgb(90,236,226)
```
#53f3e8
```
#53f3e8 rgb(83,243,232)
```
#4cfaee
```
#4cfaee rgb(76,250,238)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#abc8c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd7d7 Protanopia 1% of men
#e3d3ec Deuteranopia 1% of men
#6fe9fa Tritanopia 0.001% of the population

Trichromacy

#acdfdb Protanomaly 1% of men, 0.01% of women
#b1dce8 Deuteranomaly 6% of men, 0.4% of women
#67eaf1 Tritanomaly 0.01% of the population

#5aece2 hex color

#5aece2 Color Information

#5aece2 Color Conversion

Color Schemes with #5aece2

Alternatives to #5aece2

#5aece2 Preview

Shades and Tints of #5aece2

Tones of #5aece2

Color Blindness Simulator