#cdd1f8 hex color

In a RGB color space, hex #cdd1f8 is composed of 80.4% red, 82% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 15.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 234.4 degrees, a saturation of 75.4% and a lightness of 88.8%. #cdd1f8 color hex could be obtained by blending #ffffff with #9ba3f1. Closest websafe color is: #ccccff.

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

● #cdd1f8 color description : Light grayish blue.

The hexadecimal color #cdd1f8 has RGB values of R:205, G:209, B:248 and CMYK values of C:0.17, M:0.16, Y:0, K:0.03. Its decimal value is 13488632.

Hex triplet	cdd1f8	`#cdd1f8`
RGB Decimal	205, 209, 248	`rgb(205,209,248)`
RGB Percent	80.4, 82, 97.3	`rgb(80.4%,82%,97.3%)`
CMYK	17, 16, 0, 3
HSL	234.4°, 75.4, 88.8	`hsl(234.4,75.4%,88.8%)`
HSV (or HSB)	234.4°, 17.3, 97.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.667, 6.419, -19.535
XYZ	64.917, 65.357, 97.997
xyY	0.284, 0.286, 65.357
CIE-LCH	84.667, 20.562, 288.189
CIE-LUV	84.667, -4.347, -32.063
Hunter-Lab	80.844, 1.859, -15.28
Binary	11001101, 11010001, 11111000

#cdd1f8
```
#cdd1f8 rgb(205,209,248)
```
#f8f4cd
```
#f8f4cd rgb(248,244,205)
```

Complementary Color

#cde7f8
```
#cde7f8 rgb(205,231,248)
```
#cdd1f8
```
#cdd1f8 rgb(205,209,248)
```
#dfcdf8
```
#dfcdf8 rgb(223,205,248)
```

Analogous Color

#e7f8cd
```
#e7f8cd rgb(231,248,205)
```
#cdd1f8
```
#cdd1f8 rgb(205,209,248)
```
#f8dfcd
```
#f8dfcd rgb(248,223,205)
```

Split Complementary Color

#d1f8cd
```
#d1f8cd rgb(209,248,205)
```
#cdd1f8
```
#cdd1f8 rgb(205,209,248)
```
#f8cdd1
```
#f8cdd1 rgb(248,205,209)
```

Triadic Color

#cdf8f4
```
#cdf8f4 rgb(205,248,244)
```
#cdd1f8
```
#cdd1f8 rgb(205,209,248)
```
#f8cdd1
```
#f8cdd1 rgb(248,205,209)
```
#f8f4cd
```
#f8f4cd rgb(248,244,205)
```

Tetradic Color

#8a93ef
```
#8a93ef rgb(138,147,239)
```
#a0a8f2
```
#a0a8f2 rgb(160,168,242)
```
#b7bcf5
```
#b7bcf5 rgb(183,188,245)
```
#cdd1f8
```
#cdd1f8 rgb(205,209,248)
```
#e3e6fb
```
#e3e6fb rgb(227,230,251)
```
#fafafe
```
#fafafe rgb(250,250,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cddcf8
```
#cddcf8 rgb(205,220,248)
```
#cdd8f8
```
#cdd8f8 rgb(205,216,248)
```
#cdd5f8
```
#cdd5f8 rgb(205,213,248)
```
#cdd1f8
```
#cdd1f8 rgb(205,209,248)
```
#cdcdf8
```
#cdcdf8 rgb(205,205,248)
```
#d0cdf8
```
#d0cdf8 rgb(208,205,248)
```
#d4cdf8
```
#d4cdf8 rgb(212,205,248)
```

Similar Colors

Text with hexadecimal color #cdd1f8

This text has a font color of #cdd1f8.

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

#cdd1f8 background color

This paragraph has a background color of #cdd1f8.

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

#cdd1f8 border color

This element has a border color of #cdd1f8.

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

CSS codes

.text {color:#cdd1f8;}

.background {background-color:#cdd1f8;}

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

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

#000002
```
#000002 rgb(0,0,2)
```
#030413
```
#030413 rgb(3,4,19)
```
#050824
```
#050824 rgb(5,8,36)
```
#070c35
```
#070c35 rgb(7,12,53)
```
#0a0f46
```
#0a0f46 rgb(10,15,70)
```
#0c1358
```
#0c1358 rgb(12,19,88)
```
#0f1769
```
#0f1769 rgb(15,23,105)
```
#111b7a
```
#111b7a rgb(17,27,122)
```
#131f8b
```
#131f8b rgb(19,31,139)
```
#16229c
```
#16229c rgb(22,34,156)
```
#1826ae
```
#1826ae rgb(24,38,174)
```
#1b2abf
```
#1b2abf rgb(27,42,191)
```
#1d2ed0
```
#1d2ed0 rgb(29,46,208)
```

Shade Color Variation

#2133e0
```
#2133e0 rgb(33,51,224)
```
#3243e2
```
#3243e2 rgb(50,67,226)
```
#4352e5
```
#4352e5 rgb(67,82,229)
```
#5562e7
```
#5562e7 rgb(85,98,231)
```
#6672ea
```
#6672ea rgb(102,114,234)
```
#7782ec
```
#7782ec rgb(119,130,236)
```
#8892ee
```
#8892ee rgb(136,146,238)
```
#99a2f1
```
#99a2f1 rgb(153,162,241)
```
#abb1f3
```
#abb1f3 rgb(171,177,243)
```
#bcc1f6
```
#bcc1f6 rgb(188,193,246)
```
#cdd1f8
```
#cdd1f8 rgb(205,209,248)
```
#dee1fa
```
#dee1fa rgb(222,225,250)
```
#eff1fd
```
#eff1fd rgb(239,241,253)
```

Tint Color Variation

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

#e1e1e4
```
#e1e1e4 rgb(225,225,228)
```
#dfdfe6
```
#dfdfe6 rgb(223,223,230)
```
#dcdde9
```
#dcdde9 rgb(220,221,233)
```
#dadceb
```
#dadceb rgb(218,220,235)
```
#d8daed
```
#d8daed rgb(216,218,237)
```
#d6d8ef
```
#d6d8ef rgb(214,216,239)
```
#d4d6f1
```
#d4d6f1 rgb(212,214,241)
```
#d1d5f4
```
#d1d5f4 rgb(209,213,244)
```
#cfd3f6
```
#cfd3f6 rgb(207,211,246)
```
#cdd1f8
```
#cdd1f8 rgb(205,209,248)
```
#cbcffa
```
#cbcffa rgb(203,207,250)
```
#c9cdfc
```
#c9cdfc rgb(201,205,252)
```
#c6ccff
```
#c6ccff rgb(198,204,255)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d3d3db Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd3f8 Protanopia 1% of men
#d7d1f9 Deuteranopia 1% of men
#cbd6e6 Tritanopia 0.001% of the population

Trichromacy

#cdd2f8 Protanomaly 1% of men, 0.01% of women
#d3d1f8 Deuteranomaly 6% of men, 0.4% of women
#ccd4ec Tritanomaly 0.01% of the population

#cdd1f8 hex color

#cdd1f8 Color Information

#cdd1f8 Color Conversion

Color Schemes with #cdd1f8

Alternatives to #cdd1f8

#cdd1f8 Preview

Shades and Tints of #cdd1f8

Tones of #cdd1f8

Color Blindness Simulator