#fff2dd hex color

In a RGB color space, hex #fff2dd is composed of 100% red, 94.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.1% magenta, 13.3% yellow and 0% black. It has a hue angle of 37.1 degrees, a saturation of 100% and a lightness of 93.3%. #fff2dd color hex could be obtained by blending #ffffff with #ffe5bb. Closest websafe color is: #ffffcc.

♥
- f
- t
- g
- R 100
- G 95
- B 87
RGB color chart
- C 0
- M 5
- Y 13
- K 0
CMYK color chart

● #fff2dd color description : Very pale orange.

The hexadecimal color #fff2dd has RGB values of R:255, G:242, B:221 and CMYK values of C:0, M:0.05, Y:0.13, K:0. Its decimal value is 16773853.

Hex triplet	fff2dd	`#fff2dd`
RGB Decimal	255, 242, 221	`rgb(255,242,221)`
RGB Percent	100, 94.9, 86.7	`rgb(100%,94.9%,86.7%)`
CMYK	0, 5, 13, 0
HSL	37.1°, 100, 93.3	`hsl(37.1,100%,93.3%)`
HSV (or HSB)	37.1°, 13.3, 100
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	95.991, 0.963, 11.69
XYZ	86.041, 89.986, 81.239
xyY	0.334, 0.35, 89.986
CIE-LCH	95.991, 11.73, 85.293
CIE-LUV	95.991, 8.83, 17.297
Hunter-Lab	94.861, -4.102, 15.626
Binary	11111111, 11110010, 11011101

#fff2dd
```
#fff2dd rgb(255,242,221)
```
#ddeaff
```
#ddeaff rgb(221,234,255)
```

Complementary Color

#ffe1dd
```
#ffe1dd rgb(255,225,221)
```
#fff2dd
```
#fff2dd rgb(255,242,221)
```
#fbffdd
```
#fbffdd rgb(251,255,221)
```

Analogous Color

#e1ddff
```
#e1ddff rgb(225,221,255)
```
#fff2dd
```
#fff2dd rgb(255,242,221)
```
#ddfbff
```
#ddfbff rgb(221,251,255)
```

Split Complementary Color

#f2ddff
```
#f2ddff rgb(242,221,255)
```
#fff2dd
```
#fff2dd rgb(255,242,221)
```
#ddfff2
```
#ddfff2 rgb(221,255,242)
```

Triadic Color

#ffddea
```
#ffddea rgb(255,221,234)
```
#fff2dd
```
#fff2dd rgb(255,242,221)
```
#ddfff2
```
#ddfff2 rgb(221,255,242)
```
#ddeaff
```
#ddeaff rgb(221,234,255)
```

Tetradic Color

#ffd591
```
#ffd591 rgb(255,213,145)
```
#ffdfaa
```
#ffdfaa rgb(255,223,170)
```
#ffe8c4
```
#ffe8c4 rgb(255,232,196)
```
#fff2dd
```
#fff2dd rgb(255,242,221)
```
#fffcf7
```
#fffcf7 rgb(255,252,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ffeadd
```
#ffeadd rgb(255,234,221)
```
#ffecdd
```
#ffecdd rgb(255,236,221)
```
#ffefdd
```
#ffefdd rgb(255,239,221)
```
#fff2dd
```
#fff2dd rgb(255,242,221)
```
#fff5dd
```
#fff5dd rgb(255,245,221)
```
#fff8dd
```
#fff8dd rgb(255,248,221)
```
#fffbdd
```
#fffbdd rgb(255,251,221)
```

Similar Colors

Text with hexadecimal color #fff2dd

This text has a font color of #fff2dd.

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

#fff2dd background color

This paragraph has a background color of #fff2dd.

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

#fff2dd border color

This element has a border color of #fff2dd.

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

CSS codes

.text {color:#fff2dd;}

.background {background-color:#fff2dd;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#190f00
```
#190f00 rgb(25,15,0)
```
#2c1b00
```
#2c1b00 rgb(44,27,0)
```
#402800
```
#402800 rgb(64,40,0)
```
#543400
```
#543400 rgb(84,52,0)
```
#674000
```
#674000 rgb(103,64,0)
```
#7b4c00
```
#7b4c00 rgb(123,76,0)
```
#8f5800
```
#8f5800 rgb(143,88,0)
```
#a26400
```
#a26400 rgb(162,100,0)
```
#b67000
```
#b67000 rgb(182,112,0)
```
#c97c00
```
#c97c00 rgb(201,124,0)
```
#dd8900
```
#dd8900 rgb(221,137,0)
```
#f19500
```
#f19500 rgb(241,149,0)
```

Shade Color Variation

#ffa005
```
#ffa005 rgb(255,160,5)
```
#ffa719
```
#ffa719 rgb(255,167,25)
```
#ffaf2c
```
#ffaf2c rgb(255,175,44)
```
#ffb640
```
#ffb640 rgb(255,182,64)
```
#ffbe54
```
#ffbe54 rgb(255,190,84)
```
#ffc567
```
#ffc567 rgb(255,197,103)
```
#ffcd7b
```
#ffcd7b rgb(255,205,123)
```
#ffd48f
```
#ffd48f rgb(255,212,143)
```
#ffdca2
```
#ffdca2 rgb(255,220,162)
```
#ffe3b6
```
#ffe3b6 rgb(255,227,182)
```
#ffebc9
```
#ffebc9 rgb(255,235,201)
```
#fff2dd
```
#fff2dd rgb(255,242,221)
```
#fffaf1
```
#fffaf1 rgb(255,250,241)
```

Tint Color Variation

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

#efeeed
```
#efeeed rgb(239,238,237)
```
#f1efeb
```
#f1efeb rgb(241,239,235)
```
#f2efea
```
#f2efea rgb(242,239,234)
```
#f3efe9
```
#f3efe9 rgb(243,239,233)
```
#f5f0e7
```
#f5f0e7 rgb(245,240,231)
```
#f6f0e6
```
#f6f0e6 rgb(246,240,230)
```
#f7f0e5
```
#f7f0e5 rgb(247,240,229)
```
#f8f0e4
```
#f8f0e4 rgb(248,240,228)
```
#faf1e2
```
#faf1e2 rgb(250,241,226)
```
#fbf1e1
```
#fbf1e1 rgb(251,241,225)
```
#fcf1e0
```
#fcf1e0 rgb(252,241,224)
```
#fef2de
```
#fef2de rgb(254,242,222)
```
#fff2dd
```
#fff2dd rgb(255,242,221)
```

Tone Color Variation

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

#f3f3f3 Achromatopsia 0.005% of the population
#f5f3ef Atypical Achromatopsia 0.001% of the population

Dichromacy

#fdf3df Protanopia 1% of men
#fff1ed Deuteranopia 1% of men
#ffeffb Tritanopia 0.001% of the population

Trichromacy

#fdf2de Protanomaly 1% of men, 0.01% of women
#fff1e7 Deuteranomaly 6% of men, 0.4% of women
#fff0f0 Tritanomaly 0.01% of the population

#fff2dd hex color

#fff2dd Color Information

#fff2dd Color Conversion

Color Schemes with #fff2dd

Alternatives to #fff2dd

#fff2dd Preview

Shades and Tints of #fff2dd

Tones of #fff2dd

Color Blindness Simulator