#f2d4fd hex color

In a RGB color space, hex #f2d4fd is composed of 94.9% red, 83.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 16.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 283.9 degrees, a saturation of 91.1% and a lightness of 91.2%. #f2d4fd color hex could be obtained by blending #ffffff with #e5a9fb. Closest websafe color is: #ffccff.

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

● #f2d4fd color description : Light grayish violet.

The hexadecimal color #f2d4fd has RGB values of R:242, G:212, B:253 and CMYK values of C:0.04, M:0.16, Y:0, K:0.01. Its decimal value is 15914237.

Hex triplet	f2d4fd	`#f2d4fd`
RGB Decimal	242, 212, 253	`rgb(242,212,253)`
RGB Percent	94.9, 83.1, 99.2	`rgb(94.9%,83.1%,99.2%)`
CMYK	4, 16, 0, 1
HSL	283.9°, 91.1, 91.2	`hsl(283.9,91.1%,91.2%)`
HSV (or HSB)	283.9°, 16.2, 99.2
Web Safe	ffccff	`#ffccff`

CIE-LAB	88.475, 17.572, -16.152
XYZ	77.888, 73.057, 102.921
xyY	0.307, 0.288, 73.057
CIE-LCH	88.475, 23.868, 317.411
CIE-LUV	88.475, 14.162, -28.55
Hunter-Lab	85.473, 13.081, -11.562
Binary	11110010, 11010100, 11111101

#f2d4fd
```
#f2d4fd rgb(242,212,253)
```
#dffdd4
```
#dffdd4 rgb(223,253,212)
```

Complementary Color

#ded4fd
```
#ded4fd rgb(222,212,253)
```
#f2d4fd
```
#f2d4fd rgb(242,212,253)
```
#fdd4f4
```
#fdd4f4 rgb(253,212,244)
```

Analogous Color

#d4fdde
```
#d4fdde rgb(212,253,222)
```
#f2d4fd
```
#f2d4fd rgb(242,212,253)
```
#f4fdd4
```
#f4fdd4 rgb(244,253,212)
```

Split Complementary Color

#d4fdf2
```
#d4fdf2 rgb(212,253,242)
```
#f2d4fd
```
#f2d4fd rgb(242,212,253)
```
#fdf2d4
```
#fdf2d4 rgb(253,242,212)
```

Triadic Color

#d4dffd
```
#d4dffd rgb(212,223,253)
```
#f2d4fd
```
#f2d4fd rgb(242,212,253)
```
#fdf2d4
```
#fdf2d4 rgb(253,242,212)
```
#dffdd4
```
#dffdd4 rgb(223,253,212)
```

Tetradic Color

#dc8bfa
```
#dc8bfa rgb(220,139,250)
```
#e3a3fb
```
#e3a3fb rgb(227,163,251)
```
#ebbcfc
```
#ebbcfc rgb(235,188,252)
```
#f2d4fd
```
#f2d4fd rgb(242,212,253)
```
#f9ecfe
```
#f9ecfe rgb(249,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#e8d4fd
```
#e8d4fd rgb(232,212,253)
```
#ebd4fd
```
#ebd4fd rgb(235,212,253)
```
#efd4fd
```
#efd4fd rgb(239,212,253)
```
#f2d4fd
```
#f2d4fd rgb(242,212,253)
```
#f5d4fd
```
#f5d4fd rgb(245,212,253)
```
#f9d4fd
```
#f9d4fd rgb(249,212,253)
```
#fcd4fd
```
#fcd4fd rgb(252,212,253)
```

Similar Colors

Text with hexadecimal color #f2d4fd

This text has a font color of #f2d4fd.

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

#f2d4fd background color

This paragraph has a background color of #f2d4fd.

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

#f2d4fd border color

This element has a border color of #f2d4fd.

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

CSS codes

.text {color:#f2d4fd;}

.background {background-color:#f2d4fd;}

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

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, #0a010d is the darkest color, while #fdf9ff is the lightest one.

#0a010d
```
#0a010d rgb(10,1,13)
```
#180120
```
#180120 rgb(24,1,32)
```
#260233
```
#260233 rgb(38,2,51)
```
#340345
```
#340345 rgb(52,3,69)
```
#420458
```
#420458 rgb(66,4,88)
```
#50056b
```
#50056b rgb(80,5,107)
```
#5e067e
```
#5e067e rgb(94,6,126)
```
#6b0790
```
#6b0790 rgb(107,7,144)
```
#7908a3
```
#7908a3 rgb(121,8,163)
```
#8708b6
```
#8708b6 rgb(135,8,182)
```
#9509c9
```
#9509c9 rgb(149,9,201)
```
#a30adb
```
#a30adb rgb(163,10,219)
```
#b10bee
```
#b10bee rgb(177,11,238)
```

Shade Color Variation

#b919f4
```
#b919f4 rgb(185,25,244)
```
#bf2bf5
```
#bf2bf5 rgb(191,43,245)
```
#c53ef6
```
#c53ef6 rgb(197,62,246)
```
#ca51f7
```
#ca51f7 rgb(202,81,247)
```
#d064f8
```
#d064f8 rgb(208,100,248)
```
#d676f9
```
#d676f9 rgb(214,118,249)
```
#db89fa
```
#db89fa rgb(219,137,250)
```
#e19cfa
```
#e19cfa rgb(225,156,250)
```
#e7affb
```
#e7affb rgb(231,175,251)
```
#ecc1fc
```
#ecc1fc rgb(236,193,252)
```
#f2d4fd
```
#f2d4fd rgb(242,212,253)
```
#f8e7fe
```
#f8e7fe rgb(248,231,254)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#e9e7ea
```
#e9e7ea rgb(233,231,234)
```
#eae5ec
```
#eae5ec rgb(234,229,236)
```
#ebe4ed
```
#ebe4ed rgb(235,228,237)
```
#ece2ef
```
#ece2ef rgb(236,226,239)
```
#ece0f1
```
#ece0f1 rgb(236,224,241)
```
#eddef3
```
#eddef3 rgb(237,222,243)
```
#eeddf4
```
#eeddf4 rgb(238,221,244)
```
#efdbf6
```
#efdbf6 rgb(239,219,246)
```
#f0d9f8
```
#f0d9f8 rgb(240,217,248)
```
#f0d7fa
```
#f0d7fa rgb(240,215,250)
```
#f1d6fb
```
#f1d6fb rgb(241,214,251)
```
#f2d4fd
```
#f2d4fd rgb(242,212,253)
```
#f3d2ff
```
#f3d2ff rgb(243,210,255)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#e5dfe7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9deff Protanopia 1% of men
#e6dafb Deuteranopia 1% of men
#efd9e9 Tritanopia 0.001% of the population

Trichromacy

#e2dafe Protanomaly 1% of men, 0.01% of women
#ead8fc Deuteranomaly 6% of men, 0.4% of women
#f0d7f0 Tritanomaly 0.01% of the population

#f2d4fd hex color

#f2d4fd Color Information

#f2d4fd Color Conversion

Color Schemes with #f2d4fd

Alternatives to #f2d4fd

#f2d4fd Preview

Shades and Tints of #f2d4fd

Tones of #f2d4fd

Color Blindness Simulator