#cdf1fd hex color

In a RGB color space, hex #cdf1fd is composed of 80.4% red, 94.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 4.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 195 degrees, a saturation of 92.3% and a lightness of 89.8%. #cdf1fd color hex could be obtained by blending #ffffff with #9be3fb. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 80
- G 95
- B 99
RGB color chart
- C 19
- M 5
- Y 0
- K 1
CMYK color chart

● #cdf1fd color description : Light grayish blue.

The hexadecimal color #cdf1fd has RGB values of R:205, G:241, B:253 and CMYK values of C:0.19, M:0.05, Y:0, K:0.01. Its decimal value is 13496829.

Hex triplet	cdf1fd	`#cdf1fd`
RGB Decimal	205, 241, 253	`rgb(205,241,253)`
RGB Percent	80.4, 94.5, 99.2	`rgb(80.4%,94.5%,99.2%)`
CMYK	19, 5, 0, 1
HSL	195°, 92.3, 89.8	`hsl(195,92.3%,89.8%)`
HSV (or HSB)	195°, 19, 99.2
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.006, -9.136, -9.667
XYZ	74.358, 82.98, 105.022
xyY	0.283, 0.316, 82.98
CIE-LCH	93.006, 13.301, 226.616
CIE-LUV	93.006, -19.136, -13.688
Hunter-Lab	91.093, -13.707, -4.591
Binary	11001101, 11110001, 11111101

#cdf1fd
```
#cdf1fd rgb(205,241,253)
```
#fdd9cd
```
#fdd9cd rgb(253,217,205)
```

Complementary Color

#cdfdf1
```
#cdfdf1 rgb(205,253,241)
```
#cdf1fd
```
#cdf1fd rgb(205,241,253)
```
#cdd9fd
```
#cdd9fd rgb(205,217,253)
```

Analogous Color

#fdf1cd
```
#fdf1cd rgb(253,241,205)
```
#cdf1fd
```
#cdf1fd rgb(205,241,253)
```
#fdcdd9
```
#fdcdd9 rgb(253,205,217)
```

Split Complementary Color

#f1fdcd
```
#f1fdcd rgb(241,253,205)
```
#cdf1fd
```
#cdf1fd rgb(205,241,253)
```
#fdcdf1
```
#fdcdf1 rgb(253,205,241)
```

Triadic Color

#cdfdd9
```
#cdfdd9 rgb(205,253,217)
```
#cdf1fd
```
#cdf1fd rgb(205,241,253)
```
#fdcdf1
```
#fdcdf1 rgb(253,205,241)
```
#fdd9cd
```
#fdd9cd rgb(253,217,205)
```

Tetradic Color

#83dcfa
```
#83dcfa rgb(131,220,250)
```
#9ce3fb
```
#9ce3fb rgb(156,227,251)
```
#b4eafc
```
#b4eafc rgb(180,234,252)
```
#cdf1fd
```
#cdf1fd rgb(205,241,253)
```
#e6f8fe
```
#e6f8fe rgb(230,248,254)
```
#feffff
```
#feffff rgb(254,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cdfdfd
```
#cdfdfd rgb(205,253,253)
```
#cdf9fd
```
#cdf9fd rgb(205,249,253)
```
#cdf5fd
```
#cdf5fd rgb(205,245,253)
```
#cdf1fd
```
#cdf1fd rgb(205,241,253)
```
#cdedfd
```
#cdedfd rgb(205,237,253)
```
#cde9fd
```
#cde9fd rgb(205,233,253)
```
#cde5fd
```
#cde5fd rgb(205,229,253)
```

Similar Colors

Text with hexadecimal color #cdf1fd

This text has a font color of #cdf1fd.

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

#cdf1fd background color

This paragraph has a background color of #cdf1fd.

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

#cdf1fd border color

This element has a border color of #cdf1fd.

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

CSS codes

.text {color:#cdf1fd;}

.background {background-color:#cdf1fd;}

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

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

#000507
```
#000507 rgb(0,5,7)
```
#011319
```
#011319 rgb(1,19,25)
```
#02222c
```
#02222c rgb(2,34,44)
```
#03303f
```
#03303f rgb(3,48,63)
```
#033e52
```
#033e52 rgb(3,62,82)
```
#044d65
```
#044d65 rgb(4,77,101)
```
#055b78
```
#055b78 rgb(5,91,120)
```
#06698b
```
#06698b rgb(6,105,139)
```
#06789d
```
#06789d rgb(6,120,157)
```
#0786b0
```
#0786b0 rgb(7,134,176)
```
#0894c3
```
#0894c3 rgb(8,148,195)
```
#09a3d6
```
#09a3d6 rgb(9,163,214)
```
#09b1e9
```
#09b1e9 rgb(9,177,233)
```

Shade Color Variation

#10bcf5
```
#10bcf5 rgb(16,188,245)
```
#23c1f6
```
#23c1f6 rgb(35,193,246)
```
#36c7f7
```
#36c7f7 rgb(54,199,247)
```
#49ccf8
```
#49ccf8 rgb(73,204,248)
```
#5cd1f8
```
#5cd1f8 rgb(92,209,248)
```
#6fd7f9
```
#6fd7f9 rgb(111,215,249)
```
#82dcfa
```
#82dcfa rgb(130,220,250)
```
#94e1fb
```
#94e1fb rgb(148,225,251)
```
#a7e6fb
```
#a7e6fb rgb(167,230,251)
```
#baecfc
```
#baecfc rgb(186,236,252)
```
#cdf1fd
```
#cdf1fd rgb(205,241,253)
```
#e0f6fe
```
#e0f6fe rgb(224,246,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#e5e5e5
```
#e5e5e5 rgb(229,229,229)
```
#e3e6e7
```
#e3e6e7 rgb(227,230,231)
```
#e1e7e9
```
#e1e7e9 rgb(225,231,233)
```
#dfe8eb
```
#dfe8eb rgb(223,232,235)
```
#dde9ed
```
#dde9ed rgb(221,233,237)
```
#dbeaef
```
#dbeaef rgb(219,234,239)
```
#d9ebf1
```
#d9ebf1 rgb(217,235,241)
```
#d7ecf3
```
#d7ecf3 rgb(215,236,243)
```
#d5edf5
```
#d5edf5 rgb(213,237,245)
```
#d3eef7
```
#d3eef7 rgb(211,238,247)
```
#d1eff9
```
#d1eff9 rgb(209,239,249)
```
#cff0fb
```
#cff0fb rgb(207,240,251)
```
#cdf1fd
```
#cdf1fd rgb(205,241,253)
```

Tone Color Variation

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

#e8e8e8 Achromatopsia 0.005% of the population
#e3eaec Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebeaf9 Protanopia 1% of men
#f6e6ff Deuteranopia 1% of men
#d5f0ff Tritanopia 0.001% of the population

Trichromacy

#e0ecfa Protanomaly 1% of men, 0.01% of women
#e7eafe Deuteranomaly 6% of men, 0.4% of women
#d2f0fe Tritanomaly 0.01% of the population

#cdf1fd hex color

#cdf1fd Color Information

#cdf1fd Color Conversion

Color Schemes with #cdf1fd

Alternatives to #cdf1fd

#cdf1fd Preview

Shades and Tints of #cdf1fd

Tones of #cdf1fd

Color Blindness Simulator