#cdd1f0 hex color

In a RGB color space, hex #cdd1f0 is composed of 80.4% red, 82% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 12.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 233.1 degrees, a saturation of 53.8% and a lightness of 87.3%. #cdd1f0 color hex could be obtained by blending #ffffff with #9ba3e1. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 82
- B 94
RGB color chart
- C 15
- M 13
- Y 0
- K 6
CMYK color chart

● #cdd1f0 color description : Light grayish blue.

The hexadecimal color #cdd1f0 has RGB values of R:205, G:209, B:240 and CMYK values of C:0.15, M:0.13, Y:0, K:0.06. Its decimal value is 13488624.

Hex triplet	cdd1f0	`#cdd1f0`
RGB Decimal	205, 209, 240	`rgb(205,209,240)`
RGB Percent	80.4, 82, 94.1	`rgb(80.4%,82%,94.1%)`
CMYK	15, 13, 0, 6
HSL	233.1°, 53.8, 87.3	`hsl(233.1,53.8%,87.3%)`
HSV (or HSB)	233.1°, 14.6, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.417, 4.733, -15.669
XYZ	63.702, 64.871, 91.599
xyY	0.289, 0.295, 64.871
CIE-LCH	84.417, 16.368, 286.806
CIE-LUV	84.417, -3.907, -25.448
Hunter-Lab	80.542, 0.23, -11.049
Binary	11001101, 11010001, 11110000

#cdd1f0
```
#cdd1f0 rgb(205,209,240)
```
#f0eccd
```
#f0eccd rgb(240,236,205)
```

Complementary Color

#cde3f0
```
#cde3f0 rgb(205,227,240)
```
#cdd1f0
```
#cdd1f0 rgb(205,209,240)
```
#dbcdf0
```
#dbcdf0 rgb(219,205,240)
```

Analogous Color

#e3f0cd
```
#e3f0cd rgb(227,240,205)
```
#cdd1f0
```
#cdd1f0 rgb(205,209,240)
```
#f0dbcd
```
#f0dbcd rgb(240,219,205)
```

Split Complementary Color

#d1f0cd
```
#d1f0cd rgb(209,240,205)
```
#cdd1f0
```
#cdd1f0 rgb(205,209,240)
```
#f0cdd1
```
#f0cdd1 rgb(240,205,209)
```

Triadic Color

#cdf0ec
```
#cdf0ec rgb(205,240,236)
```
#cdd1f0
```
#cdd1f0 rgb(205,209,240)
```
#f0cdd1
```
#f0cdd1 rgb(240,205,209)
```
#f0eccd
```
#f0eccd rgb(240,236,205)
```

Tetradic Color

#929bde
```
#929bde rgb(146,155,222)
```
#a6ade4
```
#a6ade4 rgb(166,173,228)
```
#b9bfea
```
#b9bfea rgb(185,191,234)
```
#cdd1f0
```
#cdd1f0 rgb(205,209,240)
```
#e1e3f6
```
#e1e3f6 rgb(225,227,246)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cddaf0
```
#cddaf0 rgb(205,218,240)
```
#cdd7f0
```
#cdd7f0 rgb(205,215,240)
```
#cdd4f0
```
#cdd4f0 rgb(205,212,240)
```
#cdd1f0
```
#cdd1f0 rgb(205,209,240)
```
#cdcef0
```
#cdcef0 rgb(205,206,240)
```
#cfcdf0
```
#cfcdf0 rgb(207,205,240)
```
#d2cdf0
```
#d2cdf0 rgb(210,205,240)
```

Similar Colors

Text with hexadecimal color #cdd1f0

This text has a font color of #cdd1f0.

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

#cdd1f0 background color

This paragraph has a background color of #cdd1f0.

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

#cdd1f0 border color

This element has a border color of #cdd1f0.

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

CSS codes

.text {color:#cdd1f0;}

.background {background-color:#cdd1f0;}

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

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, #03040a is the darkest color, while #fafbfe is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#080a19
```
#080a19 rgb(8,10,25)
```
#0c0f29
```
#0c0f29 rgb(12,15,41)
```
#111538
```
#111538 rgb(17,21,56)
```
#151b47
```
#151b47 rgb(21,27,71)
```
#1a2156
```
#1a2156 rgb(26,33,86)
```
#1e2665
```
#1e2665 rgb(30,38,101)
```
#232c74
```
#232c74 rgb(35,44,116)
```
#273283
```
#273283 rgb(39,50,131)
```
#2c3892
```
#2c3892 rgb(44,56,146)
```
#303da1
```
#303da1 rgb(48,61,161)
```
#3543b0
```
#3543b0 rgb(53,67,176)
```
#3949bf
```
#3949bf rgb(57,73,191)
```

Shade Color Variation

#4554c7
```
#4554c7 rgb(69,84,199)
```
#5462cc
```
#5462cc rgb(84,98,204)
```
#6370d0
```
#6370d0 rgb(99,112,208)
```
#727ed5
```
#727ed5 rgb(114,126,213)
```
#828cd9
```
#828cd9 rgb(130,140,217)
```
#9199de
```
#9199de rgb(145,153,222)
```
#a0a7e2
```
#a0a7e2 rgb(160,167,226)
```
#afb5e7
```
#afb5e7 rgb(175,181,231)
```
#bec3eb
```
#bec3eb rgb(190,195,235)
```
#cdd1f0
```
#cdd1f0 rgb(205,209,240)
```
#dcdff5
```
#dcdff5 rgb(220,223,245)
```
#ebedf9
```
#ebedf9 rgb(235,237,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#dcdde1
```
#dcdde1 rgb(220,221,225)
```
#dadbe4
```
#dadbe4 rgb(218,219,228)
```
#d7d9e6
```
#d7d9e6 rgb(215,217,230)
```
#d5d7e9
```
#d5d7e9 rgb(213,215,233)
```
#d2d5eb
```
#d2d5eb rgb(210,213,235)
```
#d0d3ee
```
#d0d3ee rgb(208,211,238)
```
#cdd1f0
```
#cdd1f0 rgb(205,209,240)
```
#cbcff3
```
#cbcff3 rgb(203,207,243)
```
#c8cdf5
```
#c8cdf5 rgb(200,205,245)
```
#c6cbf8
```
#c6cbf8 rgb(198,203,248)
```
#c3c9fa
```
#c3c9fa rgb(195,201,250)
```
#c1c7fd
```
#c1c7fd rgb(193,199,253)
```
#bec5ff
```
#bec5ff rgb(190,197,255)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d2d3d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd3f0 Protanopia 1% of men
#dad0f1 Deuteranopia 1% of men
#cdd5e4 Tritanopia 0.001% of the population

Trichromacy

#ced2f0 Protanomaly 1% of men, 0.01% of women
#d5d0f1 Deuteranomaly 6% of men, 0.4% of women
#cdd3e8 Tritanomaly 0.01% of the population

#cdd1f0 hex color

#cdd1f0 Color Information

#cdd1f0 Color Conversion

Color Schemes with #cdd1f0

Alternatives to #cdd1f0

#cdd1f0 Preview

Shades and Tints of #cdd1f0

Tones of #cdd1f0

Color Blindness Simulator