colorhexa.com

#cddcf6 hex color

In a RGB color space, hex #cddcf6 is composed of 80.4% red, 86.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 10.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 218 degrees, a saturation of 69.5% and a lightness of 88.4%. #cddcf6 color hex could be obtained by blending #ffffff with #9bb9ed. Closest websafe color is: #ccccff.

- R 80
- G 86
- B 96
RGB color chart
- C 17
- M 11
- Y 0
- K 4
CMYK color chart

● #cddcf6 color description : Light grayish blue.

The hexadecimal color #cddcf6 has RGB values of R:205, G:220, B:246 and CMYK values of C:0.17, M:0.11, Y:0, K:0.04. Its decimal value is 13491446.

Hex triplet	cddcf6	`#cddcf6`
RGB Decimal	205, 220, 246	`rgb(205,220,246)`
RGB Percent	80.4, 86.3, 96.5	`rgb(80.4%,86.3%,96.5%)`
CMYK	17, 11, 0, 4
HSL	218°, 69.5, 88.4	`hsl(218,69.5%,88.4%)`
HSV (or HSB)	218°, 16.7, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.397, 0.199, -14.372
XYZ	67.401, 70.818, 97.302
xyY	0.286, 0.301, 70.818
CIE-LCH	87.397, 14.373, 270.795
CIE-LUV	87.397, -9.304, -22.708
Hunter-Lab	84.154, -4.303, -9.646
Binary	11001101, 11011100, 11110110

#cddcf6
```
#cddcf6 rgb(205,220,246)
```
#f6e7cd
```
#f6e7cd rgb(246,231,205)
```

Complementary Color

#cdf1f6
```
#cdf1f6 rgb(205,241,246)
```
#cddcf6
```
#cddcf6 rgb(205,220,246)
```
#d3cdf6
```
#d3cdf6 rgb(211,205,246)
```

Analogous Color

#f1f6cd
```
#f1f6cd rgb(241,246,205)
```
#cddcf6
```
#cddcf6 rgb(205,220,246)
```
#f6d3cd
```
#f6d3cd rgb(246,211,205)
```

Split Complementary Color

#dcf6cd
```
#dcf6cd rgb(220,246,205)
```
#cddcf6
```
#cddcf6 rgb(205,220,246)
```
#f6cddc
```
#f6cddc rgb(246,205,220)
```

Triadic Color

#cdf6e7
```
#cdf6e7 rgb(205,246,231)
```
#cddcf6
```
#cddcf6 rgb(205,220,246)
```
#f6cddc
```
#f6cddc rgb(246,205,220)
```
#f6e7cd
```
#f6e7cd rgb(246,231,205)
```

Tetradic Color

#8cafea
```
#8cafea rgb(140,175,234)
```
#a2beee
```
#a2beee rgb(162,190,238)
```
#b7cdf2
```
#b7cdf2 rgb(183,205,242)
```
#cddcf6
```
#cddcf6 rgb(205,220,246)
```
#e3ebfa
```
#e3ebfa rgb(227,235,250)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cde6f6
```
#cde6f6 rgb(205,230,246)
```
#cde3f6
```
#cde3f6 rgb(205,227,246)
```
#cddff6
```
#cddff6 rgb(205,223,246)
```
#cddcf6
```
#cddcf6 rgb(205,220,246)
```
#cdd9f6
```
#cdd9f6 rgb(205,217,246)
```
#cdd5f6
```
#cdd5f6 rgb(205,213,246)
```
#cdd2f6
```
#cdd2f6 rgb(205,210,246)
```

Similar Colors

Text with hexadecimal color #cddcf6

This text has a font color of #cddcf6.

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

#cddcf6 background color

This paragraph has a background color of #cddcf6.

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

#cddcf6 border color

This element has a border color of #cddcf6.

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

CSS codes

.text {color:#cddcf6;}

.background {background-color:#cddcf6;}

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

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

#030810
```
#030810 rgb(3,8,16)
```
#061021
```
#061021 rgb(6,16,33)
```
#091832
```
#091832 rgb(9,24,50)
```
#0c2042
```
#0c2042 rgb(12,32,66)
```
#0f2853
```
#0f2853 rgb(15,40,83)
```
#123064
```
#123064 rgb(18,48,100)
```
#153874
```
#153874 rgb(21,56,116)
```
#184085
```
#184085 rgb(24,64,133)
```
#1b4895
```
#1b4895 rgb(27,72,149)
```
#1e50a6
```
#1e50a6 rgb(30,80,166)
```
#2158b7
```
#2158b7 rgb(33,88,183)
```
#2460c7
```
#2460c7 rgb(36,96,199)
```
#2768d8
```
#2768d8 rgb(39,104,216)
```

Shade Color Variation

#3773db
```
#3773db rgb(55,115,219)
```
#487fde
```
#487fde rgb(72,127,222)
```
#598be1
```
#598be1 rgb(89,139,225)
```
#6996e4
```
#6996e4 rgb(105,150,228)
```
#7aa2e7
```
#7aa2e7 rgb(122,162,231)
```
#8badea
```
#8badea rgb(139,173,234)
```
#9bb9ed
```
#9bb9ed rgb(155,185,237)
```
#acc5f0
```
#acc5f0 rgb(172,197,240)
```
#bcd0f3
```
#bcd0f3 rgb(188,208,243)
```
#cddcf6
```
#cddcf6 rgb(205,220,246)
```
#dee8f9
```
#dee8f9 rgb(222,232,249)
```
#eef3fc
```
#eef3fc rgb(238,243,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#e1e1e2
```
#e1e1e2 rgb(225,225,226)
```
#dfe1e4
```
#dfe1e4 rgb(223,225,228)
```
#dde0e6
```
#dde0e6 rgb(221,224,230)
```
#dbe0e8
```
#dbe0e8 rgb(219,224,232)
```
#d8dfeb
```
#d8dfeb rgb(216,223,235)
```
#d6deed
```
#d6deed rgb(214,222,237)
```
#d4deef
```
#d4deef rgb(212,222,239)
```
#d2ddf1
```
#d2ddf1 rgb(210,221,241)
```
#cfddf4
```
#cfddf4 rgb(207,221,244)
```
#cddcf6
```
#cddcf6 rgb(205,220,246)
```
#cbdbf8
```
#cbdbf8 rgb(203,219,248)
```
#c8dbfb
```
#c8dbfb rgb(200,219,251)
```
#c6dafd
```
#c6dafd rgb(198,218,253)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#d7dae0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9dbf5 Protanopia 1% of men
#e3d7f8 Deuteranopia 1% of men
#cddfef Tritanopia 0.001% of the population

Trichromacy

#d4dbf5 Protanomaly 1% of men, 0.01% of women
#dbd9f7 Deuteranomaly 6% of men, 0.4% of women
#cdddf1 Tritanomaly 0.01% of the population