#cfdcfd hex color

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

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

● #cfdcfd color description : Light grayish blue.

The hexadecimal color #cfdcfd has RGB values of R:207, G:220, B:253 and CMYK values of C:0.18, M:0.13, Y:0, K:0.01. Its decimal value is 13622525.

Hex triplet	cfdcfd	`#cfdcfd`
RGB Decimal	207, 220, 253	`rgb(207,220,253)`
RGB Percent	81.2, 86.3, 99.2	`rgb(81.2%,86.3%,99.2%)`
CMYK	18, 13, 0, 1
HSL	223°, 92, 90.2	`hsl(223,92%,90.2%)`
HSV (or HSB)	223°, 18.2, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.748, 2.295, -17.515
XYZ	69.051, 71.543, 103.094
xyY	0.283, 0.294, 71.543
CIE-LCH	87.748, 17.665, 277.464
CIE-LUV	87.748, -8.609, -28.209
Hunter-Lab	84.583, -2.297, -13.058
Binary	11001111, 11011100, 11111101

#cfdcfd
```
#cfdcfd rgb(207,220,253)
```
#fdf0cf
```
#fdf0cf rgb(253,240,207)
```

Complementary Color

#cff3fd
```
#cff3fd rgb(207,243,253)
```
#cfdcfd
```
#cfdcfd rgb(207,220,253)
```
#d9cffd
```
#d9cffd rgb(217,207,253)
```

Analogous Color

#f3fdcf
```
#f3fdcf rgb(243,253,207)
```
#cfdcfd
```
#cfdcfd rgb(207,220,253)
```
#fdd9cf
```
#fdd9cf rgb(253,217,207)
```

Split Complementary Color

#dcfdcf
```
#dcfdcf rgb(220,253,207)
```
#cfdcfd
```
#cfdcfd rgb(207,220,253)
```
#fdcfdc
```
#fdcfdc rgb(253,207,220)
```

Triadic Color

#cffdf0
```
#cffdf0 rgb(207,253,240)
```
#cfdcfd
```
#cfdcfd rgb(207,220,253)
```
#fdcfdc
```
#fdcfdc rgb(253,207,220)
```
#fdf0cf
```
#fdf0cf rgb(253,240,207)
```

Tetradic Color

#86a6fa
```
#86a6fa rgb(134,166,250)
```
#9eb8fb
```
#9eb8fb rgb(158,184,251)
```
#b7cafc
```
#b7cafc rgb(183,202,252)
```
#cfdcfd
```
#cfdcfd rgb(207,220,253)
```
#e7eefe
```
#e7eefe rgb(231,238,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfe8fd
```
#cfe8fd rgb(207,232,253)
```
#cfe4fd
```
#cfe4fd rgb(207,228,253)
```
#cfe0fd
```
#cfe0fd rgb(207,224,253)
```
#cfdcfd
```
#cfdcfd rgb(207,220,253)
```
#cfd8fd
```
#cfd8fd rgb(207,216,253)
```
#cfd4fd
```
#cfd4fd rgb(207,212,253)
```
#cfd1fd
```
#cfd1fd rgb(207,209,253)
```

Similar Colors

Text with hexadecimal color #cfdcfd

This text has a font color of #cfdcfd.

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

#cfdcfd background color

This paragraph has a background color of #cfdcfd.

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

#cfdcfd border color

This element has a border color of #cfdcfd.

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

CSS codes

.text {color:#cfdcfd;}

.background {background-color:#cfdcfd;}

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

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

#000308
```
#000308 rgb(0,3,8)
```
#01091b
```
#01091b rgb(1,9,27)
```
#020e2e
```
#020e2e rgb(2,14,46)
```
#031441
```
#031441 rgb(3,20,65)
```
#031a54
```
#031a54 rgb(3,26,84)
```
#042067
```
#042067 rgb(4,32,103)
```
#052679
```
#052679 rgb(5,38,121)
```
#062c8c
```
#062c8c rgb(6,44,140)
```
#07329f
```
#07329f rgb(7,50,159)
```
#0738b2
```
#0738b2 rgb(7,56,178)
```
#083ec5
```
#083ec5 rgb(8,62,197)
```
#0943d8
```
#0943d8 rgb(9,67,216)
```
#0a49ea
```
#0a49ea rgb(10,73,234)
```

Shade Color Variation

#1353f5
```
#1353f5 rgb(19,83,245)
```
#2660f6
```
#2660f6 rgb(38,96,246)
```
#386ef7
```
#386ef7 rgb(56,110,247)
```
#4b7cf8
```
#4b7cf8 rgb(75,124,248)
```
#5e8af8
```
#5e8af8 rgb(94,138,248)
```
#7197f9
```
#7197f9 rgb(113,151,249)
```
#84a5fa
```
#84a5fa rgb(132,165,250)
```
#97b3fb
```
#97b3fb rgb(151,179,251)
```
#a9c1fb
```
#a9c1fb rgb(169,193,251)
```
#bccefc
```
#bccefc rgb(188,206,252)
```
#cfdcfd
```
#cfdcfd rgb(207,220,253)
```
#e2eafe
```
#e2eafe rgb(226,234,254)
```
#f5f7ff
```
#f5f7ff rgb(245,247,255)
```

Tint Color Variation

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

#e4e5e8
```
#e4e5e8 rgb(228,229,232)
```
#e2e4ea
```
#e2e4ea rgb(226,228,234)
```
#e0e4ec
```
#e0e4ec rgb(224,228,236)
```
#dee3ee
```
#dee3ee rgb(222,227,238)
```
#dce2f0
```
#dce2f0 rgb(220,226,240)
```
#dbe1f1
```
#dbe1f1 rgb(219,225,241)
```
#d9e0f3
```
#d9e0f3 rgb(217,224,243)
```
#d7dff5
```
#d7dff5 rgb(215,223,245)
```
#d5dff7
```
#d5dff7 rgb(213,223,247)
```
#d3def9
```
#d3def9 rgb(211,222,249)
```
#d1ddfb
```
#d1ddfb rgb(209,221,251)
```
#cfdcfd
```
#cfdcfd rgb(207,220,253)
```
#cddbff
```
#cddbff rgb(205,219,255)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d9dce3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7dcfc Protanopia 1% of men
#e1d8fe Deuteranopia 1% of men
#cee0f0 Tritanopia 0.001% of the population

Trichromacy

#d4dcfc Protanomaly 1% of men, 0.01% of women
#dad9fe Deuteranomaly 6% of men, 0.4% of women
#cedef4 Tritanomaly 0.01% of the population

#cfdcfd hex color

#cfdcfd Color Information

#cfdcfd Color Conversion

Color Schemes with #cfdcfd

Alternatives to #cfdcfd

#cfdcfd Preview

Shades and Tints of #cfdcfd

Tones of #cfdcfd

Color Blindness Simulator