#5ebddd hex color

In a RGB color space, hex #5ebddd is composed of 36.9% red, 74.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 14.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 195.1 degrees, a saturation of 65.1% and a lightness of 61.8%. #5ebddd color hex could be obtained by blending #bcffff with #007bbb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 74
- B 87
RGB color chart
- C 57
- M 14
- Y 0
- K 13
CMYK color chart

● #5ebddd color description : Soft blue.

The hexadecimal color #5ebddd has RGB values of R:94, G:189, B:221 and CMYK values of C:0.57, M:0.14, Y:0, K:0.13. Its decimal value is 6208989.

Hex triplet	5ebddd	`#5ebddd`
RGB Decimal	94, 189, 221	`rgb(94,189,221)`
RGB Percent	36.9, 74.1, 86.7	`rgb(36.9%,74.1%,86.7%)`
CMYK	57, 14, 0, 13
HSL	195.1°, 65.1, 61.8	`hsl(195.1,65.1%,61.8%)`
HSV (or HSB)	195.1°, 57.5, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.224, -18.976, -24.523
XYZ	35.861, 43.993, 75.004
xyY	0.232, 0.284, 43.993
CIE-LCH	72.224, 31.008, 232.268
CIE-LUV	72.224, -39.481, -35.988
Hunter-Lab	66.327, -19.562, -20.618
Binary	01011110, 10111101, 11011101

#5ebddd
```
#5ebddd rgb(94,189,221)
```
#dd7e5e
```
#dd7e5e rgb(221,126,94)
```

Complementary Color

#5eddbe
```
#5eddbe rgb(94,221,190)
```
#5ebddd
```
#5ebddd rgb(94,189,221)
```
#5e7edd
```
#5e7edd rgb(94,126,221)
```

Analogous Color

#ddbe5e
```
#ddbe5e rgb(221,190,94)
```
#5ebddd
```
#5ebddd rgb(94,189,221)
```
#dd5e7e
```
#dd5e7e rgb(221,94,126)
```

Split Complementary Color

#bddd5e
```
#bddd5e rgb(189,221,94)
```
#5ebddd
```
#5ebddd rgb(94,189,221)
```
#dd5ebd
```
#dd5ebd rgb(221,94,189)
```

Triadic Color

#5edd7e
```
#5edd7e rgb(94,221,126)
```
#5ebddd
```
#5ebddd rgb(94,189,221)
```
#dd5ebd
```
#dd5ebd rgb(221,94,189)
```
#dd7e5e
```
#dd7e5e rgb(221,126,94)
```

Tetradic Color

#2a9ec5
```
#2a9ec5 rgb(42,158,197)
```
#34acd4
```
#34acd4 rgb(52,172,212)
```
#49b4d9
```
#49b4d9 rgb(73,180,217)
```
#5ebddd
```
#5ebddd rgb(94,189,221)
```
#73c6e1
```
#73c6e1 rgb(115,198,225)
```
#88cee6
```
#88cee6 rgb(136,206,230)
```
#9dd7ea
```
#9dd7ea rgb(157,215,234)
```

Monochromatic Color

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

#5edddd
```
#5edddd rgb(94,221,221)
```
#5ed2dd
```
#5ed2dd rgb(94,210,221)
```
#5ec8dd
```
#5ec8dd rgb(94,200,221)
```
#5ebddd
```
#5ebddd rgb(94,189,221)
```
#5eb2dd
```
#5eb2dd rgb(94,178,221)
```
#5ea8dd
```
#5ea8dd rgb(94,168,221)
```
#5e9ddd
```
#5e9ddd rgb(94,157,221)
```

Similar Colors

Text with hexadecimal color #5ebddd

This text has a font color of #5ebddd.

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

#5ebddd background color

This paragraph has a background color of #5ebddd.

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

#5ebddd border color

This element has a border color of #5ebddd.

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

CSS codes

.text {color:#5ebddd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040e11
```
#040e11 rgb(4,14,17)
```
#071b21
```
#071b21 rgb(7,27,33)
```
#0a2832
```
#0a2832 rgb(10,40,50)
```
#0e3542
```
#0e3542 rgb(14,53,66)
```
#114252
```
#114252 rgb(17,66,82)
```
#154f62
```
#154f62 rgb(21,79,98)
```
#185c72
```
#185c72 rgb(24,92,114)
```
#1c6983
```
#1c6983 rgb(28,105,131)
```
#1f7693
```
#1f7693 rgb(31,118,147)
```
#2283a3
```
#2283a3 rgb(34,131,163)
```
#2690b3
```
#2690b3 rgb(38,144,179)
```
#299cc3
```
#299cc3 rgb(41,156,195)
```

Shade Color Variation

#2da9d3
```
#2da9d3 rgb(45,169,211)
```
#3eb0d6
```
#3eb0d6 rgb(62,176,214)
```
#4eb6da
```
#4eb6da rgb(78,182,218)
```
#5ebddd
```
#5ebddd rgb(94,189,221)
```
#6ec4e0
```
#6ec4e0 rgb(110,196,224)
```
#7ecae4
```
#7ecae4 rgb(126,202,228)
```
#8fd1e7
```
#8fd1e7 rgb(143,209,231)
```
#9fd8eb
```
#9fd8eb rgb(159,216,235)
```
#afdeee
```
#afdeee rgb(175,222,238)
```
#bfe5f2
```
#bfe5f2 rgb(191,229,242)
```
#cfebf5
```
#cfebf5 rgb(207,235,245)
```
#e0f2f8
```
#e0f2f8 rgb(224,242,248)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

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

#9a9fa1
```
#9a9fa1 rgb(154,159,161)
```
#93a3a9
```
#93a3a9 rgb(147,163,169)
```
#8ba7b0
```
#8ba7b0 rgb(139,167,176)
```
#84aab8
```
#84aab8 rgb(132,170,184)
```
#7caebf
```
#7caebf rgb(124,174,191)
```
#75b2c7
```
#75b2c7 rgb(117,178,199)
```
#6db6ce
```
#6db6ce rgb(109,182,206)
```
#66b9d6
```
#66b9d6 rgb(102,185,214)
```
#5ebddd
```
#5ebddd rgb(94,189,221)
```
#57c1e5
```
#57c1e5 rgb(87,193,229)
```
#4fc4ec
```
#4fc4ec rgb(79,196,236)
```
#48c8f4
```
#48c8f4 rgb(72,200,244)
```
#40ccfb
```
#40ccfb rgb(64,204,251)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#96a9af Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb3d6 Protanopia 1% of men
#abb2e4 Deuteranopia 1% of men
#5fc2d1 Tritanopia 0.001% of the population

Trichromacy

#90b7d8 Protanomaly 1% of men, 0.01% of women
#8fb6e1 Deuteranomaly 6% of men, 0.4% of women
#5ec0d5 Tritanomaly 0.01% of the population

#5ebddd hex color

#5ebddd Color Information

#5ebddd Color Conversion

Color Schemes with #5ebddd

Alternatives to #5ebddd

#5ebddd Preview

Shades and Tints of #5ebddd

Tones of #5ebddd

Color Blindness Simulator