#cdd7f0 hex color

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

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

● #cdd7f0 color description : Light grayish blue.

The hexadecimal color #cdd7f0 has RGB values of R:205, G:215, B:240 and CMYK values of C:0.15, M:0.1, Y:0, K:0.06. Its decimal value is 13490160.

Hex triplet	cdd7f0	`#cdd7f0`
RGB Decimal	205, 215, 240	`rgb(205,215,240)`
RGB Percent	80.4, 84.3, 94.1	`rgb(80.4%,84.3%,94.1%)`
CMYK	15, 10, 0, 6
HSL	222.9°, 53.8, 87.3	`hsl(222.9,53.8%,87.3%)`
HSV (or HSB)	222.9°, 14.6, 94.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.942, 1.569, -13.383
XYZ	65.202, 67.871, 92.098
xyY	0.29, 0.301, 67.871
CIE-LCH	85.942, 13.475, 276.686
CIE-LUV	85.942, -6.71, -21.279
Hunter-Lab	82.384, -2.898, -8.613
Binary	11001101, 11010111, 11110000

#cdd7f0
```
#cdd7f0 rgb(205,215,240)
```
#f0e6cd
```
#f0e6cd rgb(240,230,205)
```

Complementary Color

#cde9f0
```
#cde9f0 rgb(205,233,240)
```
#cdd7f0
```
#cdd7f0 rgb(205,215,240)
```
#d5cdf0
```
#d5cdf0 rgb(213,205,240)
```

Analogous Color

#e9f0cd
```
#e9f0cd rgb(233,240,205)
```
#cdd7f0
```
#cdd7f0 rgb(205,215,240)
```
#f0d5cd
```
#f0d5cd rgb(240,213,205)
```

Split Complementary Color

#d7f0cd
```
#d7f0cd rgb(215,240,205)
```
#cdd7f0
```
#cdd7f0 rgb(205,215,240)
```
#f0cdd7
```
#f0cdd7 rgb(240,205,215)
```

Triadic Color

#cdf0e6
```
#cdf0e6 rgb(205,240,230)
```
#cdd7f0
```
#cdd7f0 rgb(205,215,240)
```
#f0cdd7
```
#f0cdd7 rgb(240,205,215)
```
#f0e6cd
```
#f0e6cd rgb(240,230,205)
```

Tetradic Color

#92a8de
```
#92a8de rgb(146,168,222)
```
#a6b8e4
```
#a6b8e4 rgb(166,184,228)
```
#b9c7ea
```
#b9c7ea rgb(185,199,234)
```
#cdd7f0
```
#cdd7f0 rgb(205,215,240)
```
#e1e7f6
```
#e1e7f6 rgb(225,231,246)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cde0f0
```
#cde0f0 rgb(205,224,240)
```
#cdddf0
```
#cdddf0 rgb(205,221,240)
```
#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)
```

Similar Colors

Text with hexadecimal color #cdd7f0

This text has a font color of #cdd7f0.

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

#cdd7f0 background color

This paragraph has a background color of #cdd7f0.

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

#cdd7f0 border color

This element has a border color of #cdd7f0.

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

CSS codes

.text {color:#cdd7f0;}

.background {background-color:#cdd7f0;}

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

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

#03050a
```
#03050a rgb(3,5,10)
```
#080d19
```
#080d19 rgb(8,13,25)
```
#0c1429
```
#0c1429 rgb(12,20,41)
```
#111c38
```
#111c38 rgb(17,28,56)
```
#152347
```
#152347 rgb(21,35,71)
```
#1a2b56
```
#1a2b56 rgb(26,43,86)
```
#1e3265
```
#1e3265 rgb(30,50,101)
```
#233a74
```
#233a74 rgb(35,58,116)
```
#274283
```
#274283 rgb(39,66,131)
```
#2c4992
```
#2c4992 rgb(44,73,146)
```
#3051a1
```
#3051a1 rgb(48,81,161)
```
#3558b0
```
#3558b0 rgb(53,88,176)
```
#3960bf
```
#3960bf rgb(57,96,191)
```

Shade Color Variation

#456ac7
```
#456ac7 rgb(69,106,199)
```
#5476cc
```
#5476cc rgb(84,118,204)
```
#6383d0
```
#6383d0 rgb(99,131,208)
```
#728fd5
```
#728fd5 rgb(114,143,213)
```
#829bd9
```
#829bd9 rgb(130,155,217)
```
#91a7de
```
#91a7de rgb(145,167,222)
```
#a0b3e2
```
#a0b3e2 rgb(160,179,226)
```
#afbfe7
```
#afbfe7 rgb(175,191,231)
```
#becbeb
```
#becbeb rgb(190,203,235)
```
#cdd7f0
```
#cdd7f0 rgb(205,215,240)
```
#dce3f5
```
#dce3f5 rgb(220,227,245)
```
#ebeff9
```
#ebeff9 rgb(235,239,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 #bed1ff is the most saturated one.

#dcdde1
```
#dcdde1 rgb(220,221,225)
```
#dadce4
```
#dadce4 rgb(218,220,228)
```
#d7dbe6
```
#d7dbe6 rgb(215,219,230)
```
#d5dae9
```
#d5dae9 rgb(213,218,233)
```
#d2d9eb
```
#d2d9eb rgb(210,217,235)
```
#d0d8ee
```
#d0d8ee rgb(208,216,238)
```
#cdd7f0
```
#cdd7f0 rgb(205,215,240)
```
#cbd6f3
```
#cbd6f3 rgb(203,214,243)
```
#c8d5f5
```
#c8d5f5 rgb(200,213,245)
```
#c6d4f8
```
#c6d4f8 rgb(198,212,248)
```
#c3d3fa
```
#c3d3fa rgb(195,211,250)
```
#c1d2fd
```
#c1d2fd rgb(193,210,253)
```
#bed1ff
```
#bed1ff rgb(190,209,255)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d5d7dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d7ef Protanopia 1% of men
#e0d3f2 Deuteranopia 1% of men
#cedae9 Tritanopia 0.001% of the population

Trichromacy

#d2d7ef Protanomaly 1% of men, 0.01% of women
#d9d4f1 Deuteranomaly 6% of men, 0.4% of women
#cdd9ec Tritanomaly 0.01% of the population

#cdd7f0 hex color

#cdd7f0 Color Information

#cdd7f0 Color Conversion

Color Schemes with #cdd7f0

Alternatives to #cdd7f0

#cdd7f0 Preview

Shades and Tints of #cdd7f0

Tones of #cdd7f0

Color Blindness Simulator