colorhexa.com

#5ddff7 hex color

In a RGB color space, hex #5ddff7 is composed of 36.5% red, 87.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 9.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 189.4 degrees, a saturation of 90.6% and a lightness of 66.7%. #5ddff7 color hex could be obtained by blending #baffff with #00bfef. Closest websafe color is: #66ccff.

- R 36
- G 87
- B 97
RGB color chart
- C 62
- M 10
- Y 0
- K 3
CMYK color chart

● #5ddff7 color description : Soft cyan.

The hexadecimal color #5ddff7 has RGB values of R:93, G:223, B:247 and CMYK values of C:0.62, M:0.1, Y:0, K:0.03. Its decimal value is 6152183.

Hex triplet	5ddff7	`#5ddff7`
RGB Decimal	93, 223, 247	`rgb(93,223,247)`
RGB Percent	36.5, 87.5, 96.9	`rgb(36.5%,87.5%,96.9%)`
CMYK	62, 10, 0, 3
HSL	189.4°, 90.6, 66.7	`hsl(189.4,90.6%,66.7%)`
HSV (or HSB)	189.4°, 62.3, 96.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.814, -28.623, -22.343
XYZ	47.686, 61.814, 97.409
xyY	0.23, 0.299, 61.814
CIE-LCH	82.814, 36.311, 217.975
CIE-LUV	82.814, -50.931, -31.533
Hunter-Lab	78.622, -29.325, -18.422
Binary	01011101, 11011111, 11110111

#5ddff7
```
#5ddff7 rgb(93,223,247)
```
#f7755d
```
#f7755d rgb(247,117,93)
```

Complementary Color

#5df7c2
```
#5df7c2 rgb(93,247,194)
```
#5ddff7
```
#5ddff7 rgb(93,223,247)
```
#5d92f7
```
#5d92f7 rgb(93,146,247)
```

Analogous Color

#f7c25d
```
#f7c25d rgb(247,194,93)
```
#5ddff7
```
#5ddff7 rgb(93,223,247)
```
#f75d92
```
#f75d92 rgb(247,93,146)
```

Split Complementary Color

#dff75d
```
#dff75d rgb(223,247,93)
```
#5ddff7
```
#5ddff7 rgb(93,223,247)
```
#f75ddf
```
#f75ddf rgb(247,93,223)
```

Triadic Color

#5df775
```
#5df775 rgb(93,247,117)
```
#5ddff7
```
#5ddff7 rgb(93,223,247)
```
#f75ddf
```
#f75ddf rgb(247,93,223)
```
#f7755d
```
#f7755d rgb(247,117,93)
```

Tetradic Color

#14d1f3
```
#14d1f3 rgb(20,209,243)
```
#2cd5f5
```
#2cd5f5 rgb(44,213,245)
```
#45daf6
```
#45daf6 rgb(69,218,246)
```
#5ddff7
```
#5ddff7 rgb(93,223,247)
```
#75e4f8
```
#75e4f8 rgb(117,228,248)
```
#8ee9f9
```
#8ee9f9 rgb(142,233,249)
```
#a6edfb
```
#a6edfb rgb(166,237,251)
```

Monochromatic Color

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

#5df7e9
```
#5df7e9 rgb(93,247,233)
```
#5df7f5
```
#5df7f5 rgb(93,247,245)
```
#5decf7
```
#5decf7 rgb(93,236,247)
```
#5ddff7
```
#5ddff7 rgb(93,223,247)
```
#5dd2f7
```
#5dd2f7 rgb(93,210,247)
```
#5dc5f7
```
#5dc5f7 rgb(93,197,247)
```
#5db9f7
```
#5db9f7 rgb(93,185,247)
```

Similar Colors

Text with hexadecimal color #5ddff7

This text has a font color of #5ddff7.

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

#5ddff7 background color

This paragraph has a background color of #5ddff7.

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

#5ddff7 border color

This element has a border color of #5ddff7.

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

CSS codes

.text {color:#5ddff7;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#011519
```
#011519 rgb(1,21,25)
```
#02252c
```
#02252c rgb(2,37,44)
```
#03353e
```
#03353e rgb(3,53,62)
```
#044551
```
#044551 rgb(4,69,81)
```
#055564
```
#055564 rgb(5,85,100)
```
#066576
```
#066576 rgb(6,101,118)
```
#077589
```
#077589 rgb(7,117,137)
```
#08859c
```
#08859c rgb(8,133,156)
```
#0995ae
```
#0995ae rgb(9,149,174)
```
#0aa5c1
```
#0aa5c1 rgb(10,165,193)
```
#0ab4d4
```
#0ab4d4 rgb(10,180,212)
```
#0bc4e7
```
#0bc4e7 rgb(11,196,231)
```

Shade Color Variation

#12d0f3
```
#12d0f3 rgb(18,208,243)
```
#25d4f4
```
#25d4f4 rgb(37,212,244)
```
#38d8f5
```
#38d8f5 rgb(56,216,245)
```
#4adbf6
```
#4adbf6 rgb(74,219,246)
```
#5ddff7
```
#5ddff7 rgb(93,223,247)
```
#70e3f8
```
#70e3f8 rgb(112,227,248)
```
#82e6f9
```
#82e6f9 rgb(130,230,249)
```
#95eafa
```
#95eafa rgb(149,234,250)
```
#a8eefb
```
#a8eefb rgb(168,238,251)
```
#baf1fc
```
#baf1fc rgb(186,241,252)
```
#cdf5fd
```
#cdf5fd rgb(205,245,253)
```
#e0f9fd
```
#e0f9fd rgb(224,249,253)
```
#f3fdfe
```
#f3fdfe rgb(243,253,254)
```

Tint Color Variation

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

#a5adaf
```
#a5adaf rgb(165,173,175)
```
#9eb2b6
```
#9eb2b6 rgb(158,178,182)
```
#98b6bc
```
#98b6bc rgb(152,182,188)
```
#91bbc3
```
#91bbc3 rgb(145,187,195)
```
#8bbfc9
```
#8bbfc9 rgb(139,191,201)
```
#84c4d0
```
#84c4d0 rgb(132,196,208)
```
#7ec8d6
```
#7ec8d6 rgb(126,200,214)
```
#77cddd
```
#77cddd rgb(119,205,221)
```
#71d1e3
```
#71d1e3 rgb(113,209,227)
```
#6ad6ea
```
#6ad6ea rgb(106,214,234)
```
#64daf0
```
#64daf0 rgb(100,218,240)
```
#5ddff7
```
#5ddff7 rgb(93,223,247)
```
#56e4fe
```
#56e4fe rgb(86,228,254)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a8c2c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcfec Protanopia 1% of men
#cbccfe Deuteranopia 1% of men
#62e1f2 Tritanopia 0.001% of the population

Trichromacy

#a3d4f0 Protanomaly 1% of men, 0.01% of women
#a3d3fb Deuteranomaly 6% of men, 0.4% of women
#60e0f3 Tritanomaly 0.01% of the population