#fff2bd hex color

In a RGB color space, hex #fff2bd is composed of 100% red, 94.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.1% magenta, 25.9% yellow and 0% black. It has a hue angle of 48.2 degrees, a saturation of 100% and a lightness of 87.1%. #fff2bd color hex could be obtained by blending #ffffff with #ffe57b. Closest websafe color is: #ffffcc.

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

● #fff2bd color description : Pale yellow.

The hexadecimal color #fff2bd has RGB values of R:255, G:242, B:189 and CMYK values of C:0, M:0.05, Y:0.26, K:0. Its decimal value is 16773821.

Hex triplet	fff2bd	`#fff2bd`
RGB Decimal	255, 242, 189	`rgb(255,242,189)`
RGB Percent	100, 94.9, 74.1	`rgb(100%,94.9%,74.1%)`
CMYK	0, 5, 26, 0
HSL	48.2°, 100, 87.1	`hsl(48.2,100%,87.1%)`
HSV (or HSB)	48.2°, 25.9, 100
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	95.346, -3.611, 27.206
XYZ	82.176, 88.44, 60.883
xyY	0.355, 0.382, 88.44
CIE-LCH	95.346, 27.445, 97.56
CIE-LUV	95.346, 10.794, 39.439
Hunter-Lab	94.042, -8.597, 27.445
Binary	11111111, 11110010, 10111101

#fff2bd
```
#fff2bd rgb(255,242,189)
```
#bdcaff
```
#bdcaff rgb(189,202,255)
```

Complementary Color

#ffd1bd
```
#ffd1bd rgb(255,209,189)
```
#fff2bd
```
#fff2bd rgb(255,242,189)
```
#ebffbd
```
#ebffbd rgb(235,255,189)
```

Analogous Color

#d1bdff
```
#d1bdff rgb(209,189,255)
```
#fff2bd
```
#fff2bd rgb(255,242,189)
```
#bdebff
```
#bdebff rgb(189,235,255)
```

Split Complementary Color

#f2bdff
```
#f2bdff rgb(242,189,255)
```
#fff2bd
```
#fff2bd rgb(255,242,189)
```
#bdfff2
```
#bdfff2 rgb(189,255,242)
```

Triadic Color

#ffbdca
```
#ffbdca rgb(255,189,202)
```
#fff2bd
```
#fff2bd rgb(255,242,189)
```
#bdfff2
```
#bdfff2 rgb(189,255,242)
```
#bdcaff
```
#bdcaff rgb(189,202,255)
```

Tetradic Color

#ffe371
```
#ffe371 rgb(255,227,113)
```
#ffe88a
```
#ffe88a rgb(255,232,138)
```
#ffeda4
```
#ffeda4 rgb(255,237,164)
```
#fff2bd
```
#fff2bd rgb(255,242,189)
```
#fff7d7
```
#fff7d7 rgb(255,247,215)
```
#fffcf0
```
#fffcf0 rgb(255,252,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ffe2bd
```
#ffe2bd rgb(255,226,189)
```
#ffe7bd
```
#ffe7bd rgb(255,231,189)
```
#ffedbd
```
#ffedbd rgb(255,237,189)
```
#fff2bd
```
#fff2bd rgb(255,242,189)
```
#fff8bd
```
#fff8bd rgb(255,248,189)
```
#fffdbd
```
#fffdbd rgb(255,253,189)
```
#fcffbd
```
#fcffbd rgb(252,255,189)
```

Similar Colors

Text with hexadecimal color #fff2bd

This text has a font color of #fff2bd.

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

#fff2bd background color

This paragraph has a background color of #fff2bd.

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

#fff2bd border color

This element has a border color of #fff2bd.

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

CSS codes

.text {color:#fff2bd;}

.background {background-color:#fff2bd;}

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

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

#0c0a00
```
#0c0a00 rgb(12,10,0)
```
#201a00
```
#201a00 rgb(32,26,0)
```
#342a00
```
#342a00 rgb(52,42,0)
```
#473900
```
#473900 rgb(71,57,0)
```
#5b4900
```
#5b4900 rgb(91,73,0)
```
#6f5900
```
#6f5900 rgb(111,89,0)
```
#826900
```
#826900 rgb(130,105,0)
```
#967800
```
#967800 rgb(150,120,0)
```
#a98800
```
#a98800 rgb(169,136,0)
```
#bd9800
```
#bd9800 rgb(189,152,0)
```
#d1a800
```
#d1a800 rgb(209,168,0)
```
#e4b700
```
#e4b700 rgb(228,183,0)
```
#f8c700
```
#f8c700 rgb(248,199,0)
```

Shade Color Variation

#ffcf0c
```
#ffcf0c rgb(255,207,12)
```
#ffd320
```
#ffd320 rgb(255,211,32)
```
#ffd734
```
#ffd734 rgb(255,215,52)
```
#ffdb47
```
#ffdb47 rgb(255,219,71)
```
#ffdf5b
```
#ffdf5b rgb(255,223,91)
```
#ffe36f
```
#ffe36f rgb(255,227,111)
```
#ffe682
```
#ffe682 rgb(255,230,130)
```
#ffea96
```
#ffea96 rgb(255,234,150)
```
#ffeea9
```
#ffeea9 rgb(255,238,169)
```
#fff2bd
```
#fff2bd rgb(255,242,189)
```
#fff6d1
```
#fff6d1 rgb(255,246,209)
```
#fffae4
```
#fffae4 rgb(255,250,228)
```
#fffef8
```
#fffef8 rgb(255,254,248)
```

Tint Color Variation

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

#e1e0db
```
#e1e0db rgb(225,224,219)
```
#e3e1d9
```
#e3e1d9 rgb(227,225,217)
```
#e6e3d6
```
#e6e3d6 rgb(230,227,214)
```
#e8e4d4
```
#e8e4d4 rgb(232,228,212)
```
#ebe6d1
```
#ebe6d1 rgb(235,230,209)
```
#ede7cf
```
#ede7cf rgb(237,231,207)
```
#f0e9cc
```
#f0e9cc rgb(240,233,204)
```
#f2eaca
```
#f2eaca rgb(242,234,202)
```
#f5ecc7
```
#f5ecc7 rgb(245,236,199)
```
#f7edc5
```
#f7edc5 rgb(247,237,197)
```
#faefc2
```
#faefc2 rgb(250,239,194)
```
#fcf0c0
```
#fcf0c0 rgb(252,240,192)
```
#fff2bd
```
#fff2bd rgb(255,242,189)
```

Tone Color Variation

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

#f0f0f0 Achromatopsia 0.005% of the population
#f3f0e6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff1ca Protanopia 1% of men
#ffefe5 Deuteranopia 1% of men
#ffedf7 Tritanopia 0.001% of the population

Trichromacy

#fff1c5 Protanomaly 1% of men, 0.01% of women
#fff0d6 Deuteranomaly 6% of men, 0.4% of women
#ffefe2 Tritanomaly 0.01% of the population

#fff2bd hex color

#fff2bd Color Information

#fff2bd Color Conversion

Color Schemes with #fff2bd

Alternatives to #fff2bd

#fff2bd Preview

Shades and Tints of #fff2bd

Tones of #fff2bd

Color Blindness Simulator