#f2dafd hex color

In a RGB color space, hex #f2dafd is composed of 94.9% red, 85.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 13.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 281.1 degrees, a saturation of 89.7% and a lightness of 92.4%. #f2dafd color hex could be obtained by blending #ffffff with #e5b5fb. Closest websafe color is: #ffccff.

♥
- f
- t
- g
- R 95
- G 85
- B 99
RGB color chart
- C 4
- M 14
- Y 0
- K 1
CMYK color chart

● #f2dafd color description : Light grayish violet.

The hexadecimal color #f2dafd has RGB values of R:242, G:218, B:253 and CMYK values of C:0.04, M:0.14, Y:0, K:0.01. Its decimal value is 15915773.

Hex triplet	f2dafd	`#f2dafd`
RGB Decimal	242, 218, 253	`rgb(242,218,253)`
RGB Percent	94.9, 85.5, 99.2	`rgb(94.9%,85.5%,99.2%)`
CMYK	4, 14, 0, 1
HSL	281.1°, 89.7, 92.4	`hsl(281.1,89.7%,92.4%)`
HSV (or HSB)	281.1°, 13.8, 99.2
Web Safe	ffccff	`#ffccff`

CIE-LAB	89.912, 14.419, -13.998
XYZ	79.416, 76.113, 103.431
xyY	0.307, 0.294, 76.113
CIE-LCH	89.912, 20.096, 315.848
CIE-LUV	89.912, 11.215, -24.574
Hunter-Lab	87.242, 9.813, -9.222
Binary	11110010, 11011010, 11111101

#f2dafd
```
#f2dafd rgb(242,218,253)
```
#e5fdda
```
#e5fdda rgb(229,253,218)
```

Complementary Color

#e1dafd
```
#e1dafd rgb(225,218,253)
```
#f2dafd
```
#f2dafd rgb(242,218,253)
```
#fddaf7
```
#fddaf7 rgb(253,218,247)
```

Analogous Color

#dafde1
```
#dafde1 rgb(218,253,225)
```
#f2dafd
```
#f2dafd rgb(242,218,253)
```
#f7fdda
```
#f7fdda rgb(247,253,218)
```

Split Complementary Color

#dafdf2
```
#dafdf2 rgb(218,253,242)
```
#f2dafd
```
#f2dafd rgb(242,218,253)
```
#fdf2da
```
#fdf2da rgb(253,242,218)
```

Triadic Color

#dae5fd
```
#dae5fd rgb(218,229,253)
```
#f2dafd
```
#f2dafd rgb(242,218,253)
```
#fdf2da
```
#fdf2da rgb(253,242,218)
```
#e5fdda
```
#e5fdda rgb(229,253,218)
```

Tetradic Color

#d991f9
```
#d991f9 rgb(217,145,249)
```
#e1aafa
```
#e1aafa rgb(225,170,250)
```
#eac2fc
```
#eac2fc rgb(234,194,252)
```
#f2dafd
```
#f2dafd rgb(242,218,253)
```
#fbf2fe
```
#fbf2fe rgb(251,242,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#e9dafd
```
#e9dafd rgb(233,218,253)
```
#ecdafd
```
#ecdafd rgb(236,218,253)
```
#efdafd
```
#efdafd rgb(239,218,253)
```
#f2dafd
```
#f2dafd rgb(242,218,253)
```
#f5dafd
```
#f5dafd rgb(245,218,253)
```
#f8dafd
```
#f8dafd rgb(248,218,253)
```
#fbdafd
```
#fbdafd rgb(251,218,253)
```

Similar Colors

Text with hexadecimal color #f2dafd

This text has a font color of #f2dafd.

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

#f2dafd background color

This paragraph has a background color of #f2dafd.

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

#f2dafd border color

This element has a border color of #f2dafd.

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

CSS codes

.text {color:#f2dafd;}

.background {background-color:#f2dafd;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0113
```
#0d0113 rgb(13,1,19)
```
#1a0225
```
#1a0225 rgb(26,2,37)
```
#270338
```
#270338 rgb(39,3,56)
```
#34044b
```
#34044b rgb(52,4,75)
```
#42055d
```
#42055d rgb(66,5,93)
```
#4f0670
```
#4f0670 rgb(79,6,112)
```
#5c0782
```
#5c0782 rgb(92,7,130)
```
#690895
```
#690895 rgb(105,8,149)
```
#7609a8
```
#7609a8 rgb(118,9,168)
```
#830aba
```
#830aba rgb(131,10,186)
```
#900bcd
```
#900bcd rgb(144,11,205)
```
#9d0ce0
```
#9d0ce0 rgb(157,12,224)
```

Shade Color Variation

#aa0df2
```
#aa0df2 rgb(170,13,242)
```
#b120f3
```
#b120f3 rgb(177,32,243)
```
#b733f4
```
#b733f4 rgb(183,51,244)
```
#be45f5
```
#be45f5 rgb(190,69,245)
```
#c458f6
```
#c458f6 rgb(196,88,246)
```
#cb6af7
```
#cb6af7 rgb(203,106,247)
```
#d17df8
```
#d17df8 rgb(209,125,248)
```
#d890f9
```
#d890f9 rgb(216,144,249)
```
#dea2fa
```
#dea2fa rgb(222,162,250)
```
#e5b5fb
```
#e5b5fb rgb(229,181,251)
```
#ebc7fc
```
#ebc7fc rgb(235,199,252)
```
#f2dafd
```
#f2dafd rgb(242,218,253)
```
#f9edfe
```
#f9edfe rgb(249,237,254)
```

Tint Color Variation

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

#ecebed
```
#ecebed rgb(236,235,237)
```
#ece9ee
```
#ece9ee rgb(236,233,238)
```
#ede8f0
```
#ede8f0 rgb(237,232,240)
```
#eee6f1
```
#eee6f1 rgb(238,230,241)
```
#eee5f3
```
#eee5f3 rgb(238,229,243)
```
#efe3f4
```
#efe3f4 rgb(239,227,244)
```
#efe2f6
```
#efe2f6 rgb(239,226,246)
```
#f0e0f7
```
#f0e0f7 rgb(240,224,247)
```
#f0dff9
```
#f0dff9 rgb(240,223,249)
```
#f1ddfa
```
#f1ddfa rgb(241,221,250)
```
#f1dcfc
```
#f1dcfc rgb(241,220,252)
```
#f2dafd
```
#f2dafd rgb(242,218,253)
```
#f3d9ff
```
#f3d9ff rgb(243,217,255)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#e8e3ea Atypical Achromatopsia 0.001% of the population

Dichromacy

#dee2ff Protanopia 1% of men
#ecdefc Deuteranopia 1% of men
#f0deee Tritanopia 0.001% of the population

Trichromacy

#e5dffe Protanomaly 1% of men, 0.01% of women
#eedcfc Deuteranomaly 6% of men, 0.4% of women
#f0dcf3 Tritanomaly 0.01% of the population

#f2dafd hex color

#f2dafd Color Information

#f2dafd Color Conversion

Color Schemes with #f2dafd

Alternatives to #f2dafd

#f2dafd Preview

Shades and Tints of #f2dafd

Tones of #f2dafd

Color Blindness Simulator