#cfdff7 hex color

In a RGB color space, hex #cfdff7 is composed of 81.2% red, 87.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 9.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 216 degrees, a saturation of 71.4% and a lightness of 89%. #cfdff7 color hex could be obtained by blending #ffffff with #9fbfef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 81
- G 87
- B 97
RGB color chart
- C 16
- M 10
- Y 0
- K 3
CMYK color chart

● #cfdff7 color description : Light grayish blue.

The hexadecimal color #cfdff7 has RGB values of R:207, G:223, B:247 and CMYK values of C:0.16, M:0.1, Y:0, K:0.03. Its decimal value is 13623287.

Hex triplet	cfdff7	`#cfdff7`
RGB Decimal	207, 223, 247	`rgb(207,223,247)`
RGB Percent	81.2, 87.5, 96.9	`rgb(81.2%,87.5%,96.9%)`
CMYK	16, 10, 0, 3
HSL	216°, 71.4, 89	`hsl(216,71.4%,89%)`
HSV (or HSB)	216°, 16.2, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.331, -0.535, -13.485
XYZ	68.905, 72.755, 98.403
xyY	0.287, 0.303, 72.755
CIE-LCH	88.331, 13.496, 267.726
CIE-LUV	88.331, -9.724, -21.176
Hunter-Lab	85.297, -5.072, -8.693
Binary	11001111, 11011111, 11110111

#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#f7e7cf
```
#f7e7cf rgb(247,231,207)
```

Complementary Color

#cff3f7
```
#cff3f7 rgb(207,243,247)
```
#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#d3cff7
```
#d3cff7 rgb(211,207,247)
```

Analogous Color

#f3f7cf
```
#f3f7cf rgb(243,247,207)
```
#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#f7d3cf
```
#f7d3cf rgb(247,211,207)
```

Split Complementary Color

#dff7cf
```
#dff7cf rgb(223,247,207)
```
#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#f7cfdf
```
#f7cfdf rgb(247,207,223)
```

Triadic Color

#cff7e7
```
#cff7e7 rgb(207,247,231)
```
#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#f7cfdf
```
#f7cfdf rgb(247,207,223)
```
#f7e7cf
```
#f7e7cf rgb(247,231,207)
```

Tetradic Color

#8db3ec
```
#8db3ec rgb(141,179,236)
```
#a3c2f0
```
#a3c2f0 rgb(163,194,240)
```
#b9d0f3
```
#b9d0f3 rgb(185,208,243)
```
#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#e5eefb
```
#e5eefb rgb(229,238,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cfe9f7
```
#cfe9f7 rgb(207,233,247)
```
#cfe6f7
```
#cfe6f7 rgb(207,230,247)
```
#cfe2f7
```
#cfe2f7 rgb(207,226,247)
```
#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#cfdcf7
```
#cfdcf7 rgb(207,220,247)
```
#cfd8f7
```
#cfd8f7 rgb(207,216,247)
```
#cfd5f7
```
#cfd5f7 rgb(207,213,247)
```

Similar Colors

Text with hexadecimal color #cfdff7

This text has a font color of #cfdff7.

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

#cfdff7 background color

This paragraph has a background color of #cfdff7.

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

#cfdff7 border color

This element has a border color of #cfdff7.

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

CSS codes

.text {color:#cfdff7;}

.background {background-color:#cfdff7;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030a13
```
#030a13 rgb(3,10,19)
```
#061224
```
#061224 rgb(6,18,36)
```
#091a35
```
#091a35 rgb(9,26,53)
```
#0c2346
```
#0c2346 rgb(12,35,70)
```
#0e2b57
```
#0e2b57 rgb(14,43,87)
```
#113467
```
#113467 rgb(17,52,103)
```
#143c78
```
#143c78 rgb(20,60,120)
```
#174489
```
#174489 rgb(23,68,137)
```
#1a4d9a
```
#1a4d9a rgb(26,77,154)
```
#1c55ab
```
#1c55ab rgb(28,85,171)
```
#1f5ebb
```
#1f5ebb rgb(31,94,187)
```
#2266cc
```
#2266cc rgb(34,102,204)
```

Shade Color Variation

#276fdb
```
#276fdb rgb(39,111,219)
```
#387ade
```
#387ade rgb(56,122,222)
```
#4885e1
```
#4885e1 rgb(72,133,225)
```
#5991e3
```
#5991e3 rgb(89,145,227)
```
#6a9ce6
```
#6a9ce6 rgb(106,156,230)
```
#7ba7e9
```
#7ba7e9 rgb(123,167,233)
```
#8cb2ec
```
#8cb2ec rgb(140,178,236)
```
#9dbdef
```
#9dbdef rgb(157,189,239)
```
#adc9f1
```
#adc9f1 rgb(173,201,241)
```
#bed4f4
```
#bed4f4 rgb(190,212,244)
```
#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#e0eafa
```
#e0eafa rgb(224,234,250)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```

Tint Color Variation

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

#e2e3e4
```
#e2e3e4 rgb(226,227,228)
```
#e0e2e6
```
#e0e2e6 rgb(224,226,230)
```
#dee2e8
```
#dee2e8 rgb(222,226,232)
```
#dce2ea
```
#dce2ea rgb(220,226,234)
```
#dae1ec
```
#dae1ec rgb(218,225,236)
```
#d8e1ee
```
#d8e1ee rgb(216,225,238)
```
#d5e0f1
```
#d5e0f1 rgb(213,224,241)
```
#d3e0f3
```
#d3e0f3 rgb(211,224,243)
```
#d1dff5
```
#d1dff5 rgb(209,223,245)
```
#cfdff7
```
#cfdff7 rgb(207,223,247)
```
#cddff9
```
#cddff9 rgb(205,223,249)
```
#cbdefb
```
#cbdefb rgb(203,222,251)
```
#c9defd
```
#c9defd rgb(201,222,253)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#dadde2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcddf5 Protanopia 1% of men
#e7daf9 Deuteranopia 1% of men
#d0e1f1 Tritanopia 0.001% of the population

Trichromacy

#d7def6 Protanomaly 1% of men, 0.01% of women
#dedbf8 Deuteranomaly 6% of men, 0.4% of women
#cfe0f3 Tritanomaly 0.01% of the population

#cfdff7 hex color

#cfdff7 Color Information

#cfdff7 Color Conversion

Color Schemes with #cfdff7

Alternatives to #cfdff7

#cfdff7 Preview

Shades and Tints of #cfdff7

Tones of #cfdff7

Color Blindness Simulator