#cfd2fd hex color

In a RGB color space, hex #cfd2fd is composed of 81.2% red, 82.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 17% magenta, 0% yellow and 0.8% black. It has a hue angle of 236.1 degrees, a saturation of 92% and a lightness of 90.2%. #cfd2fd color hex could be obtained by blending #ffffff with #9fa5fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 81
- G 82
- B 99
RGB color chart
- C 18
- M 17
- Y 0
- K 1
CMYK color chart

● #cfd2fd color description : Light grayish blue.

The hexadecimal color #cfd2fd has RGB values of R:207, G:210, B:253 and CMYK values of C:0.18, M:0.17, Y:0, K:0.01. Its decimal value is 13619965.

Hex triplet	cfd2fd	`#cfd2fd`
RGB Decimal	207, 210, 253	`rgb(207,210,253)`
RGB Percent	81.2, 82.4, 99.2	`rgb(81.2%,82.4%,99.2%)`
CMYK	18, 17, 0, 1
HSL	236.1°, 92, 90.2	`hsl(236.1,92%,90.2%)`
HSV (or HSB)	236.1°, 18.2, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.225, 7.574, -21.324
XYZ	66.505, 66.45, 102.245
xyY	0.283, 0.283, 66.45
CIE-LCH	85.225, 22.629, 289.554
CIE-LUV	85.225, -4.058, -35.233
Hunter-Lab	81.517, 2.974, -17.305
Binary	11001111, 11010010, 11111101

#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#fdfacf
```
#fdfacf rgb(253,250,207)
```

Complementary Color

#cfe9fd
```
#cfe9fd rgb(207,233,253)
```
#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#e3cffd
```
#e3cffd rgb(227,207,253)
```

Analogous Color

#e9fdcf
```
#e9fdcf rgb(233,253,207)
```
#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#fde3cf
```
#fde3cf rgb(253,227,207)
```

Split Complementary Color

#d2fdcf
```
#d2fdcf rgb(210,253,207)
```
#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#fdcfd2
```
#fdcfd2 rgb(253,207,210)
```

Triadic Color

#cffdfa
```
#cffdfa rgb(207,253,250)
```
#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#fdcfd2
```
#fdcfd2 rgb(253,207,210)
```
#fdfacf
```
#fdfacf rgb(253,250,207)
```

Tetradic Color

#868dfa
```
#868dfa rgb(134,141,250)
```
#9ea4fb
```
#9ea4fb rgb(158,164,251)
```
#b7bbfc
```
#b7bbfc rgb(183,187,252)
```
#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#e7e9fe
```
#e7e9fe rgb(231,233,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfdefd
```
#cfdefd rgb(207,222,253)
```
#cfdafd
```
#cfdafd rgb(207,218,253)
```
#cfd6fd
```
#cfd6fd rgb(207,214,253)
```
#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#d0cffd
```
#d0cffd rgb(208,207,253)
```
#d4cffd
```
#d4cffd rgb(212,207,253)
```
#d8cffd
```
#d8cffd rgb(216,207,253)
```

Similar Colors

Text with hexadecimal color #cfd2fd

This text has a font color of #cfd2fd.

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

#cfd2fd background color

This paragraph has a background color of #cfd2fd.

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

#cfd2fd border color

This element has a border color of #cfd2fd.

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

CSS codes

.text {color:#cfd2fd;}

.background {background-color:#cfd2fd;}

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

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

#000108
```
#000108 rgb(0,1,8)
```
#01031b
```
#01031b rgb(1,3,27)
```
#02052e
```
#02052e rgb(2,5,46)
```
#030741
```
#030741 rgb(3,7,65)
```
#030954
```
#030954 rgb(3,9,84)
```
#040b67
```
#040b67 rgb(4,11,103)
```
#050d79
```
#050d79 rgb(5,13,121)
```
#060f8c
```
#060f8c rgb(6,15,140)
```
#07119f
```
#07119f rgb(7,17,159)
```
#0713b2
```
#0713b2 rgb(7,19,178)
```
#0815c5
```
#0815c5 rgb(8,21,197)
```
#0916d8
```
#0916d8 rgb(9,22,216)
```
#0a18ea
```
#0a18ea rgb(10,24,234)
```

Shade Color Variation

#1321f5
```
#1321f5 rgb(19,33,245)
```
#2633f6
```
#2633f6 rgb(38,51,246)
```
#3845f7
```
#3845f7 rgb(56,69,247)
```
#4b56f8
```
#4b56f8 rgb(75,86,248)
```
#5e68f8
```
#5e68f8 rgb(94,104,248)
```
#717af9
```
#717af9 rgb(113,122,249)
```
#848bfa
```
#848bfa rgb(132,139,250)
```
#979dfb
```
#979dfb rgb(151,157,251)
```
#a9affb
```
#a9affb rgb(169,175,251)
```
#bcc0fc
```
#bcc0fc rgb(188,192,252)
```
#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#e2e4fe
```
#e2e4fe rgb(226,228,254)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#e4e4e8
```
#e4e4e8 rgb(228,228,232)
```
#e2e3ea
```
#e2e3ea rgb(226,227,234)
```
#e0e1ec
```
#e0e1ec rgb(224,225,236)
```
#dedfee
```
#dedfee rgb(222,223,238)
```
#dcdef0
```
#dcdef0 rgb(220,222,240)
```
#dbdcf1
```
#dbdcf1 rgb(219,220,241)
```
#d9daf3
```
#d9daf3 rgb(217,218,243)
```
#d7d9f5
```
#d7d9f5 rgb(215,217,245)
```
#d5d7f7
```
#d5d7f7 rgb(213,215,247)
```
#d3d5f9
```
#d3d5f9 rgb(211,213,249)
```
#d1d4fb
```
#d1d4fb rgb(209,212,251)
```
#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#cdd0ff
```
#cdd0ff rgb(205,208,255)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d5d5de Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd5fd Protanopia 1% of men
#d6d2fd Deuteranopia 1% of men
#ccd8e7 Tritanopia 0.001% of the population

Trichromacy

#ced4fd Protanomaly 1% of men, 0.01% of women
#d4d2fd Deuteranomaly 6% of men, 0.4% of women
#cdd5ef Tritanomaly 0.01% of the population

#cfd2fd hex color

#cfd2fd Color Information

#cfd2fd Color Conversion

Color Schemes with #cfd2fd

Alternatives to #cfd2fd

#cfd2fd Preview

Shades and Tints of #cfd2fd

Tones of #cfd2fd

Color Blindness Simulator