#5ddff2 hex color

In a RGB color space, hex #5ddff2 is composed of 36.5% red, 87.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 7.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 187.7 degrees, a saturation of 85.1% and a lightness of 65.7%. #5ddff2 color hex could be obtained by blending #baffff with #00bfe5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 87
- B 95
RGB color chart
- C 62
- M 8
- Y 0
- K 5
CMYK color chart

● #5ddff2 color description : Soft cyan.

The hexadecimal color #5ddff2 has RGB values of R:93, G:223, B:242 and CMYK values of C:0.62, M:0.08, Y:0, K:0.05. Its decimal value is 6152178.

Hex triplet	5ddff2	`#5ddff2`
RGB Decimal	93, 223, 242	`rgb(93,223,242)`
RGB Percent	36.5, 87.5, 94.9	`rgb(36.5%,87.5%,94.9%)`
CMYK	62, 8, 0, 5
HSL	187.7°, 85.1, 65.7	`hsl(187.7,85.1%,65.7%)`
HSV (or HSB)	187.7°, 61.6, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.652, -30.048, -19.941
XYZ	46.924, 61.51, 93.399
xyY	0.232, 0.305, 61.51
CIE-LCH	82.652, 36.063, 213.57
CIE-LUV	82.652, -51.202, -27.275
Hunter-Lab	78.428, -30.45, -15.708
Binary	01011101, 11011111, 11110010

#5ddff2
```
#5ddff2 rgb(93,223,242)
```
#f2705d
```
#f2705d rgb(242,112,93)
```

Complementary Color

#5df2bb
```
#5df2bb rgb(93,242,187)
```
#5ddff2
```
#5ddff2 rgb(93,223,242)
```
#5d95f2
```
#5d95f2 rgb(93,149,242)
```

Analogous Color

#f2bb5d
```
#f2bb5d rgb(242,187,93)
```
#5ddff2
```
#5ddff2 rgb(93,223,242)
```
#f25d95
```
#f25d95 rgb(242,93,149)
```

Split Complementary Color

#dff25d
```
#dff25d rgb(223,242,93)
```
#5ddff2
```
#5ddff2 rgb(93,223,242)
```
#f25ddf
```
#f25ddf rgb(242,93,223)
```

Triadic Color

#5df270
```
#5df270 rgb(93,242,112)
```
#5ddff2
```
#5ddff2 rgb(93,223,242)
```
#f25ddf
```
#f25ddf rgb(242,93,223)
```
#f2705d
```
#f2705d rgb(242,112,93)
```

Tetradic Color

#16d1ec
```
#16d1ec rgb(22,209,236)
```
#2ed6ee
```
#2ed6ee rgb(46,214,238)
```
#45daf0
```
#45daf0 rgb(69,218,240)
```
#5ddff2
```
#5ddff2 rgb(93,223,242)
```
#75e4f4
```
#75e4f4 rgb(117,228,244)
```
#8ce8f6
```
#8ce8f6 rgb(140,232,246)
```
#a4edf8
```
#a4edf8 rgb(164,237,248)
```

Monochromatic Color

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

#5df2e0
```
#5df2e0 rgb(93,242,224)
```
#5df2ec
```
#5df2ec rgb(93,242,236)
```
#5debf2
```
#5debf2 rgb(93,235,242)
```
#5ddff2
```
#5ddff2 rgb(93,223,242)
```
#5dd3f2
```
#5dd3f2 rgb(93,211,242)
```
#5dc6f2
```
#5dc6f2 rgb(93,198,242)
```
#5dbaf2
```
#5dbaf2 rgb(93,186,242)
```

Similar Colors

Text with hexadecimal color #5ddff2

This text has a font color of #5ddff2.

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

#5ddff2 background color

This paragraph has a background color of #5ddff2.

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

#5ddff2 border color

This element has a border color of #5ddff2.

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

CSS codes

.text {color:#5ddff2;}

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

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

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 #eefcfe is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#021114
```
#021114 rgb(2,17,20)
```
#032126
```
#032126 rgb(3,33,38)
```
#043138
```
#043138 rgb(4,49,56)
```
#06414a
```
#06414a rgb(6,65,74)
```
#07515c
```
#07515c rgb(7,81,92)
```
#09616e
```
#09616e rgb(9,97,110)
```
#0a7181
```
#0a7181 rgb(10,113,129)
```
#0c8193
```
#0c8193 rgb(12,129,147)
```
#0d92a5
```
#0d92a5 rgb(13,146,165)
```
#0fa2b7
```
#0fa2b7 rgb(15,162,183)
```
#10b2c9
```
#10b2c9 rgb(16,178,201)
```
#12c2db
```
#12c2db rgb(18,194,219)
```

Shade Color Variation

#14d1ec
```
#14d1ec rgb(20,209,236)
```
#27d4ee
```
#27d4ee rgb(39,212,238)
```
#39d8ef
```
#39d8ef rgb(57,216,239)
```
#4bdbf1
```
#4bdbf1 rgb(75,219,241)
```
#5ddff2
```
#5ddff2 rgb(93,223,242)
```
#6fe3f3
```
#6fe3f3 rgb(111,227,243)
```
#81e6f5
```
#81e6f5 rgb(129,230,245)
```
#93eaf6
```
#93eaf6 rgb(147,234,246)
```
#a6edf8
```
#a6edf8 rgb(166,237,248)
```
#b8f1f9
```
#b8f1f9 rgb(184,241,249)
```
#caf5fb
```
#caf5fb rgb(202,245,251)
```
#dcf8fc
```
#dcf8fc rgb(220,248,252)
```
#eefcfe
```
#eefcfe rgb(238,252,254)
```

Tint Color Variation

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

#a7a8a8
```
#a7a8a8 rgb(167,168,168)
```
#a0adaf
```
#a0adaf rgb(160,173,175)
```
#9ab2b5
```
#9ab2b5 rgb(154,178,181)
```
#93b7bc
```
#93b7bc rgb(147,183,188)
```
#8cbcc3
```
#8cbcc3 rgb(140,188,195)
```
#85c1ca
```
#85c1ca rgb(133,193,202)
```
#7fc6d0
```
#7fc6d0 rgb(127,198,208)
```
#78cbd7
```
#78cbd7 rgb(120,203,215)
```
#71d0de
```
#71d0de rgb(113,208,222)
```
#6ad5e5
```
#6ad5e5 rgb(106,213,229)
```
#64daeb
```
#64daeb rgb(100,218,235)
```
#5ddff2
```
#5ddff2 rgb(93,223,242)
```
#56e4f9
```
#56e4f9 rgb(86,228,249)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a7c1c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccee8 Protanopia 1% of men
#cdccfa Deuteranopia 1% of men
#64e0f1 Tritanopia 0.001% of the population

Trichromacy

#a3d4eb Protanomaly 1% of men, 0.01% of women
#a4d3f7 Deuteranomaly 6% of men, 0.4% of women
#61e0f1 Tritanomaly 0.01% of the population

#5ddff2 hex color

#5ddff2 Color Information

#5ddff2 Color Conversion

Color Schemes with #5ddff2

Alternatives to #5ddff2

#5ddff2 Preview

Shades and Tints of #5ddff2

Tones of #5ddff2

Color Blindness Simulator