#cdf5f7 hex color

In a RGB color space, hex #cdf5f7 is composed of 80.4% red, 96.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 0.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 182.9 degrees, a saturation of 72.4% and a lightness of 88.6%. #cdf5f7 color hex could be obtained by blending #ffffff with #9bebef. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 80
- G 96
- B 97
RGB color chart
- C 17
- M 1
- Y 0
- K 3
CMYK color chart

● #cdf5f7 color description : Light grayish cyan.

The hexadecimal color #cdf5f7 has RGB values of R:205, G:245, B:247 and CMYK values of C:0.17, M:0.01, Y:0, K:0.03. Its decimal value is 13497847.

Hex triplet	cdf5f7	`#cdf5f7`
RGB Decimal	205, 245, 247	`rgb(205,245,247)`
RGB Percent	80.4, 96.1, 96.9	`rgb(80.4%,96.1%,96.9%)`
CMYK	17, 1, 0, 3
HSL	182.9°, 72.4, 88.6	`hsl(182.9,72.4%,88.6%)`
HSV (or HSB)	182.9°, 17, 96.9
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.882, -12.386, -5.256
XYZ	74.614, 84.998, 100.466
xyY	0.287, 0.327, 84.998
CIE-LCH	93.882, 13.455, 202.992
CIE-LUV	93.882, -20.826, -6.086
Hunter-Lab	92.194, -16.877, -0.073
Binary	11001101, 11110101, 11110111

#cdf5f7
```
#cdf5f7 rgb(205,245,247)
```
#f7cfcd
```
#f7cfcd rgb(247,207,205)
```

Complementary Color

#cdf7e4
```
#cdf7e4 rgb(205,247,228)
```
#cdf5f7
```
#cdf5f7 rgb(205,245,247)
```
#cde0f7
```
#cde0f7 rgb(205,224,247)
```

Analogous Color

#f7e4cd
```
#f7e4cd rgb(247,228,205)
```
#cdf5f7
```
#cdf5f7 rgb(205,245,247)
```
#f7cde0
```
#f7cde0 rgb(247,205,224)
```

Split Complementary Color

#f5f7cd
```
#f5f7cd rgb(245,247,205)
```
#cdf5f7
```
#cdf5f7 rgb(205,245,247)
```
#f7cdf5
```
#f7cdf5 rgb(247,205,245)
```

Triadic Color

#cdf7cf
```
#cdf7cf rgb(205,247,207)
```
#cdf5f7
```
#cdf5f7 rgb(205,245,247)
```
#f7cdf5
```
#f7cdf5 rgb(247,205,245)
```
#f7cfcd
```
#f7cfcd rgb(247,207,205)
```

Tetradic Color

#8be8ec
```
#8be8ec rgb(139,232,236)
```
#a1ecf0
```
#a1ecf0 rgb(161,236,240)
```
#b7f1f3
```
#b7f1f3 rgb(183,241,243)
```
#cdf5f7
```
#cdf5f7 rgb(205,245,247)
```
#e3f9fb
```
#e3f9fb rgb(227,249,251)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cdf7ef
```
#cdf7ef rgb(205,247,239)
```
#cdf7f2
```
#cdf7f2 rgb(205,247,242)
```
#cdf7f6
```
#cdf7f6 rgb(205,247,246)
```
#cdf5f7
```
#cdf5f7 rgb(205,245,247)
```
#cdf2f7
```
#cdf2f7 rgb(205,242,247)
```
#cdeef7
```
#cdeef7 rgb(205,238,247)
```
#cdebf7
```
#cdebf7 rgb(205,235,247)
```

Similar Colors

Text with hexadecimal color #cdf5f7

This text has a font color of #cdf5f7.

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

#cdf5f7 background color

This paragraph has a background color of #cdf5f7.

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

#cdf5f7 border color

This element has a border color of #cdf5f7.

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

CSS codes

.text {color:#cdf5f7;}

.background {background-color:#cdf5f7;}

.border {border:1px solid #cdf5f7;}

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

#000101
```
#000101 rgb(0,1,1)
```
#031112
```
#031112 rgb(3,17,18)
```
#062123
```
#062123 rgb(6,33,35)
```
#083133
```
#083133 rgb(8,49,51)
```
#0b4244
```
#0b4244 rgb(11,66,68)
```
#0e5255
```
#0e5255 rgb(14,82,85)
```
#106266
```
#106266 rgb(16,98,102)
```
#137277
```
#137277 rgb(19,114,119)
```
#168388
```
#168388 rgb(22,131,136)
```
#189399
```
#189399 rgb(24,147,153)
```
#1ba3aa
```
#1ba3aa rgb(27,163,170)
```
#1eb3bb
```
#1eb3bb rgb(30,179,187)
```
#21c4cc
```
#21c4cc rgb(33,196,204)
```

Shade Color Variation

#24d3dc
```
#24d3dc rgb(36,211,220)
```
#35d7df
```
#35d7df rgb(53,215,223)
```
#46dae1
```
#46dae1 rgb(70,218,225)
```
#57dde4
```
#57dde4 rgb(87,221,228)
```
#68e1e7
```
#68e1e7 rgb(104,225,231)
```
#78e4e9
```
#78e4e9 rgb(120,228,233)
```
#89e7ec
```
#89e7ec rgb(137,231,236)
```
#9aebef
```
#9aebef rgb(154,235,239)
```
#abeef2
```
#abeef2 rgb(171,238,242)
```
#bcf2f4
```
#bcf2f4 rgb(188,242,244)
```
#cdf5f7
```
#cdf5f7 rgb(205,245,247)
```
#def8fa
```
#def8fa rgb(222,248,250)
```
#effcfc
```
#effcfc rgb(239,252,252)
```

Tint Color Variation

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

#e1e3e3
```
#e1e3e3 rgb(225,227,227)
```
#dfe5e5
```
#dfe5e5 rgb(223,229,229)
```
#dde7e7
```
#dde7e7 rgb(221,231,231)
```
#dae9ea
```
#dae9ea rgb(218,233,234)
```
#d8ebec
```
#d8ebec rgb(216,235,236)
```
#d6edee
```
#d6edee rgb(214,237,238)
```
#d4eff0
```
#d4eff0 rgb(212,239,240)
```
#d1f1f3
```
#d1f1f3 rgb(209,241,243)
```
#cff3f5
```
#cff3f5 rgb(207,243,245)
```
#cdf5f7
```
#cdf5f7 rgb(205,245,247)
```
#cbf7f9
```
#cbf7f9 rgb(203,247,249)
```
#c9f9fb
```
#c9f9fb rgb(201,249,251)
```
#c6fbfe
```
#c6fbfe rgb(198,251,254)
```

Tone Color Variation

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

#e9e9e9 Achromatopsia 0.005% of the population
#e3ebec Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0edf2 Protanopia 1% of men
#fde7fb Deuteranopia 1% of men
#daf1ff Tritanopia 0.001% of the population

Trichromacy

#e3eff4 Protanomaly 1% of men, 0.01% of women
#ececfa Deuteranomaly 6% of men, 0.4% of women
#d5f3fc Tritanomaly 0.01% of the population

#cdf5f7 hex color

#cdf5f7 Color Information

#cdf5f7 Color Conversion

Color Schemes with #cdf5f7

Alternatives to #cdf5f7

#cdf5f7 Preview

Shades and Tints of #cdf5f7

Tones of #cdf5f7

Color Blindness Simulator