#cfcdd3 hex color

In a RGB color space, hex #cfcdd3 is composed of 81.2% red, 80.4% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 2.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 260 degrees, a saturation of 6.4% and a lightness of 81.6%. #cfcdd3 color hex could be obtained by blending #ffffff with #9f9ba7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 81
- G 80
- B 83
RGB color chart
- C 2
- M 3
- Y 0
- K 17
CMYK color chart

● #cfcdd3 color description : Grayish violet.

The hexadecimal color #cfcdd3 has RGB values of R:207, G:205, B:211 and CMYK values of C:0.02, M:0.03, Y:0, K:0.17. Its decimal value is 13618643.

Hex triplet	cfcdd3	`#cfcdd3`
RGB Decimal	207, 205, 211	`rgb(207,205,211)`
RGB Percent	81.2, 80.4, 82.7	`rgb(81.2%,80.4%,82.7%)`
CMYK	2, 3, 0, 17
HSL	260°, 6.4, 81.6	`hsl(260,6.4%,81.6%)`
HSV (or HSB)	260°, 2.8, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.717, 1.786, -2.737
XYZ	59.319, 61.631, 70.395
xyY	0.31, 0.322, 61.631
CIE-LCH	82.717, 3.268, 303.123
CIE-LUV	82.717, 0.777, -4.471
Hunter-Lab	78.506, -2.509, 1.789
Binary	11001111, 11001101, 11010011

#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#d1d3cd
```
#d1d3cd rgb(209,211,205)
```

Complementary Color

#cdced3
```
#cdced3 rgb(205,206,211)
```
#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#d2cdd3
```
#d2cdd3 rgb(210,205,211)
```

Analogous Color

#ced3cd
```
#ced3cd rgb(206,211,205)
```
#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#d3d2cd
```
#d3d2cd rgb(211,210,205)
```

Split Complementary Color

#cdd3cf
```
#cdd3cf rgb(205,211,207)
```
#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#d3cfcd
```
#d3cfcd rgb(211,207,205)
```

Triadic Color

#cdd1d3
```
#cdd1d3 rgb(205,209,211)
```
#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#d3cfcd
```
#d3cfcd rgb(211,207,205)
```
#d1d3cd
```
#d1d3cd rgb(209,211,205)
```

Tetradic Color

#a8a4af
```
#a8a4af rgb(168,164,175)
```
#b5b2bb
```
#b5b2bb rgb(181,178,187)
```
#c2bfc7
```
#c2bfc7 rgb(194,191,199)
```
#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#dcdbdf
```
#dcdbdf rgb(220,219,223)
```
#e9e8eb
```
#e9e8eb rgb(233,232,235)
```
#f6f6f7
```
#f6f6f7 rgb(246,246,247)
```

Monochromatic Color

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

#cecdd3
```
#cecdd3 rgb(206,205,211)
```
#cecdd3
```
#cecdd3 rgb(206,205,211)
```
#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#d0cdd3
```
#d0cdd3 rgb(208,205,211)
```
#d0cdd3
```
#d0cdd3 rgb(208,205,211)
```
#d1cdd3
```
#d1cdd3 rgb(209,205,211)
```

Similar Colors

Text with hexadecimal color #cfcdd3

This text has a font color of #cfcdd3.

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

#cfcdd3 background color

This paragraph has a background color of #cfcdd3.

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

#cfcdd3 border color

This element has a border color of #cfcdd3.

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

CSS codes

.text {color:#cfcdd3;}

.background {background-color:#cfcdd3;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0c0b0d
```
#0c0b0d rgb(12,11,13)
```
#151417
```
#151417 rgb(21,20,23)
```
#1f1d21
```
#1f1d21 rgb(31,29,33)
```
#28272c
```
#28272c rgb(40,39,44)
```
#323036
```
#323036 rgb(50,48,54)
```
#3c3941
```
#3c3941 rgb(60,57,65)
```
#45424b
```
#45424b rgb(69,66,75)
```
#4f4b56
```
#4f4b56 rgb(79,75,86)
```
#585560
```
#585560 rgb(88,85,96)
```
#625e6b
```
#625e6b rgb(98,94,107)
```
#6c6775
```
#6c6775 rgb(108,103,117)
```
#75707f
```
#75707f rgb(117,112,127)
```

Shade Color Variation

#7f7a8a
```
#7f7a8a rgb(127,122,138)
```
#898493
```
#898493 rgb(137,132,147)
```
#938e9c
```
#938e9c rgb(147,142,156)
```
#9d99a5
```
#9d99a5 rgb(157,153,165)
```
#a7a3ae
```
#a7a3ae rgb(167,163,174)
```
#b1aeb7
```
#b1aeb7 rgb(177,174,183)
```
#bbb8c1
```
#bbb8c1 rgb(187,184,193)
```
#c5c3ca
```
#c5c3ca rgb(197,195,202)
```
#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#d9d7dc
```
#d9d7dc rgb(217,215,220)
```
#e3e2e5
```
#e3e2e5 rgb(227,226,229)
```
#edecef
```
#edecef rgb(237,236,239)
```
#f7f7f8
```
#f7f7f8 rgb(247,247,248)
```

Tint Color Variation

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

#cfcdd3
```
#cfcdd3 rgb(207,205,211)
```
#cec9d7
```
#cec9d7 rgb(206,201,215)
```
#cdc6da
```
#cdc6da rgb(205,198,218)
```
#cbc2de
```
#cbc2de rgb(203,194,222)
```
#cabfe1
```
#cabfe1 rgb(202,191,225)
```
#c9bbe5
```
#c9bbe5 rgb(201,187,229)
```
#c8b7e9
```
#c8b7e9 rgb(200,183,233)
```
#c7b4ec
```
#c7b4ec rgb(199,180,236)
```
#c5b0f0
```
#c5b0f0 rgb(197,176,240)
```
#c4acf4
```
#c4acf4 rgb(196,172,244)
```
#c3a9f7
```
#c3a9f7 rgb(195,169,247)
```
#c2a5fb
```
#c2a5fb rgb(194,165,251)
```
#c1a2fe
```
#c1a2fe rgb(193,162,254)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cececf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cfd5 Protanopia 1% of men
#e0cad6 Deuteranopia 1% of men
#d2cedd Tritanopia 0.001% of the population

Trichromacy

#d1ced4 Protanomaly 1% of men, 0.01% of women
#dacbd5 Deuteranomaly 6% of men, 0.4% of women
#d1cdd9 Tritanomaly 0.01% of the population

#cfcdd3 hex color

#cfcdd3 Color Information

#cfcdd3 Color Conversion

Color Schemes with #cfcdd3

Alternatives to #cfcdd3

#cfcdd3 Preview

Shades and Tints of #cfcdd3

Tones of #cfcdd3

Color Blindness Simulator