#cdd2f0 hex color

In a RGB color space, hex #cdd2f0 is composed of 80.4% red, 82.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 12.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 231.4 degrees, a saturation of 53.8% and a lightness of 87.3%. #cdd2f0 color hex could be obtained by blending #ffffff with #9ba5e1. 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

● #cdd2f0 color description : Light grayish blue.

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

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

CIE-LAB	84.67, 4.203, -15.288
XYZ	63.949, 65.363, 91.681
xyY	0.289, 0.296, 65.363
CIE-LCH	84.67, 15.856, 285.373
CIE-LUV	84.67, -4.374, -24.754
Hunter-Lab	80.847, -0.293, -10.641
Binary	11001101, 11010010, 11110000

#cdd2f0
```
#cdd2f0 rgb(205,210,240)
```
#f0ebcd
```
#f0ebcd rgb(240,235,205)
```

Complementary Color

#cde4f0
```
#cde4f0 rgb(205,228,240)
```
#cdd2f0
```
#cdd2f0 rgb(205,210,240)
```
#dacdf0
```
#dacdf0 rgb(218,205,240)
```

Analogous Color

#e4f0cd
```
#e4f0cd rgb(228,240,205)
```
#cdd2f0
```
#cdd2f0 rgb(205,210,240)
```
#f0dacd
```
#f0dacd rgb(240,218,205)
```

Split Complementary Color

#d2f0cd
```
#d2f0cd rgb(210,240,205)
```
#cdd2f0
```
#cdd2f0 rgb(205,210,240)
```
#f0cdd2
```
#f0cdd2 rgb(240,205,210)
```

Triadic Color

#cdf0eb
```
#cdf0eb rgb(205,240,235)
```
#cdd2f0
```
#cdd2f0 rgb(205,210,240)
```
#f0cdd2
```
#f0cdd2 rgb(240,205,210)
```
#f0ebcd
```
#f0ebcd rgb(240,235,205)
```

Tetradic Color

#929dde
```
#929dde rgb(146,157,222)
```
#a6afe4
```
#a6afe4 rgb(166,175,228)
```
#b9c0ea
```
#b9c0ea rgb(185,192,234)
```
#cdd2f0
```
#cdd2f0 rgb(205,210,240)
```
#e1e4f6
```
#e1e4f6 rgb(225,228,246)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cddbf0
```
#cddbf0 rgb(205,219,240)
```
#cdd8f0
```
#cdd8f0 rgb(205,216,240)
```
#cdd5f0
```
#cdd5f0 rgb(205,213,240)
```
#cdd2f0
```
#cdd2f0 rgb(205,210,240)
```
#cdcff0
```
#cdcff0 rgb(205,207,240)
```
#cecdf0
```
#cecdf0 rgb(206,205,240)
```
#d1cdf0
```
#d1cdf0 rgb(209,205,240)
```

Similar Colors

Text with hexadecimal color #cdd2f0

This text has a font color of #cdd2f0.

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

#cdd2f0 background color

This paragraph has a background color of #cdd2f0.

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

#cdd2f0 border color

This element has a border color of #cdd2f0.

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

CSS codes

.text {color:#cdd2f0;}

.background {background-color:#cdd2f0;}

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

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)
```
#0c1029
```
#0c1029 rgb(12,16,41)
```
#111638
```
#111638 rgb(17,22,56)
```
#151c47
```
#151c47 rgb(21,28,71)
```
#1a2256
```
#1a2256 rgb(26,34,86)
```
#1e2865
```
#1e2865 rgb(30,40,101)
```
#232e74
```
#232e74 rgb(35,46,116)
```
#273483
```
#273483 rgb(39,52,131)
```
#2c3a92
```
#2c3a92 rgb(44,58,146)
```
#3040a1
```
#3040a1 rgb(48,64,161)
```
#3547b0
```
#3547b0 rgb(53,71,176)
```
#394dbf
```
#394dbf rgb(57,77,191)
```

Shade Color Variation

#4558c7
```
#4558c7 rgb(69,88,199)
```
#5465cc
```
#5465cc rgb(84,101,204)
```
#6373d0
```
#6373d0 rgb(99,115,208)
```
#7281d5
```
#7281d5 rgb(114,129,213)
```
#828ed9
```
#828ed9 rgb(130,142,217)
```
#919cde
```
#919cde rgb(145,156,222)
```
#a0a9e2
```
#a0a9e2 rgb(160,169,226)
```
#afb7e7
```
#afb7e7 rgb(175,183,231)
```
#bec4eb
```
#bec4eb rgb(190,196,235)
```
#cdd2f0
```
#cdd2f0 rgb(205,210,240)
```
#dce0f5
```
#dce0f5 rgb(220,224,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 #bec7ff 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)
```
#d2d6eb
```
#d2d6eb rgb(210,214,235)
```
#d0d4ee
```
#d0d4ee rgb(208,212,238)
```
#cdd2f0
```
#cdd2f0 rgb(205,210,240)
```
#cbd0f3
```
#cbd0f3 rgb(203,208,243)
```
#c8cef5
```
#c8cef5 rgb(200,206,245)
```
#c6cdf8
```
#c6cdf8 rgb(198,205,248)
```
#c3cbfa
```
#c3cbfa rgb(195,203,250)
```
#c1c9fd
```
#c1c9fd rgb(193,201,253)
```
#bec7ff
```
#bec7ff rgb(190,199,255)
```

Tone Color Variation

Below, you can see how #cdd2f0 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
#d3d4da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d4f0 Protanopia 1% of men
#dbd0f2 Deuteranopia 1% of men
#cdd6e5 Tritanopia 0.001% of the population

Trichromacy

#cfd3f0 Protanomaly 1% of men, 0.01% of women
#d6d1f1 Deuteranomaly 6% of men, 0.4% of women
#cdd4e9 Tritanomaly 0.01% of the population

#cdd2f0 hex color

#cdd2f0 Color Information

#cdd2f0 Color Conversion

Color Schemes with #cdd2f0

Alternatives to #cdd2f0

#cdd2f0 Preview

Shades and Tints of #cdd2f0

Tones of #cdd2f0

Color Blindness Simulator