#fff6b2 hex color

In a RGB color space, hex #fff6b2 is composed of 100% red, 96.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.5% magenta, 30.2% yellow and 0% black. It has a hue angle of 53 degrees, a saturation of 100% and a lightness of 84.9%. #fff6b2 color hex could be obtained by blending #ffffff with #ffed65. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 100
- G 96
- B 70
RGB color chart
- C 0
- M 4
- Y 30
- K 0
CMYK color chart

● #fff6b2 color description : Pale yellow.

The hexadecimal color #fff6b2 has RGB values of R:255, G:246, B:178 and CMYK values of C:0, M:0.04, Y:0.3, K:0. Its decimal value is 16774834.

Hex triplet	fff6b2	`#fff6b2`
RGB Decimal	255, 246, 178	`rgb(255,246,178)`
RGB Percent	100, 96.5, 69.8	`rgb(100%,96.5%,69.8%)`
CMYK	0, 4, 30, 0
HSL	53°, 100, 84.9	`hsl(53,100%,84.9%)`
HSV (or HSB)	53°, 30.2, 100
Web Safe	ffff99	`#ffff99`

CIE-LAB	96.157, -7.003, 33.87
XYZ	82.231, 90.387, 55.232
xyY	0.361, 0.397, 90.387
CIE-LCH	96.157, 34.586, 101.682
CIE-LUV	96.157, 9.073, 48.636
Hunter-Lab	95.072, -11.986, 32.106
Binary	11111111, 11110110, 10110010

#fff6b2
```
#fff6b2 rgb(255,246,178)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```

Complementary Color

#ffd0b2
```
#ffd0b2 rgb(255,208,178)
```
#fff6b2
```
#fff6b2 rgb(255,246,178)
```
#e2ffb2
```
#e2ffb2 rgb(226,255,178)
```

Analogous Color

#d0b2ff
```
#d0b2ff rgb(208,178,255)
```
#fff6b2
```
#fff6b2 rgb(255,246,178)
```
#b2e2ff
```
#b2e2ff rgb(178,226,255)
```

Split Complementary Color

#f6b2ff
```
#f6b2ff rgb(246,178,255)
```
#fff6b2
```
#fff6b2 rgb(255,246,178)
```
#b2fff6
```
#b2fff6 rgb(178,255,246)
```

Triadic Color

#ffb2bb
```
#ffb2bb rgb(255,178,187)
```
#fff6b2
```
#fff6b2 rgb(255,246,178)
```
#b2fff6
```
#b2fff6 rgb(178,255,246)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```

Tetradic Color

#ffed66
```
#ffed66 rgb(255,237,102)
```
#fff07f
```
#fff07f rgb(255,240,127)
```
#fff399
```
#fff399 rgb(255,243,153)
```
#fff6b2
```
#fff6b2 rgb(255,246,178)
```
#fff9cc
```
#fff9cc rgb(255,249,204)
```
#fffce5
```
#fffce5 rgb(255,252,229)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ffe3b2
```
#ffe3b2 rgb(255,227,178)
```
#ffe9b2
```
#ffe9b2 rgb(255,233,178)
```
#fff0b2
```
#fff0b2 rgb(255,240,178)
```
#fff6b2
```
#fff6b2 rgb(255,246,178)
```
#fffcb2
```
#fffcb2 rgb(255,252,178)
```
#fbffb2
```
#fbffb2 rgb(251,255,178)
```
#f5ffb2
```
#f5ffb2 rgb(245,255,178)
```

Similar Colors

Text with hexadecimal color #fff6b2

This text has a font color of #fff6b2.

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

#fff6b2 background color

This paragraph has a background color of #fff6b2.

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

#fff6b2 border color

This element has a border color of #fff6b2.

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

CSS codes

.text {color:#fff6b2;}

.background {background-color:#fff6b2;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#151300
```
#151300 rgb(21,19,0)
```
#292400
```
#292400 rgb(41,36,0)
```
#3c3500
```
#3c3500 rgb(60,53,0)
```
#504700
```
#504700 rgb(80,71,0)
```
#645800
```
#645800 rgb(100,88,0)
```
#776900
```
#776900 rgb(119,105,0)
```
#8b7b00
```
#8b7b00 rgb(139,123,0)
```
#9e8c00
```
#9e8c00 rgb(158,140,0)
```
#b29d00
```
#b29d00 rgb(178,157,0)
```
#c6af00
```
#c6af00 rgb(198,175,0)
```
#d9c000
```
#d9c000 rgb(217,192,0)
```
#edd100
```
#edd100 rgb(237,209,0)
```

Shade Color Variation

#ffe101
```
#ffe101 rgb(255,225,1)
```
#ffe415
```
#ffe415 rgb(255,228,21)
```
#ffe629
```
#ffe629 rgb(255,230,41)
```
#ffe83c
```
#ffe83c rgb(255,232,60)
```
#ffeb50
```
#ffeb50 rgb(255,235,80)
```
#ffed64
```
#ffed64 rgb(255,237,100)
```
#ffef77
```
#ffef77 rgb(255,239,119)
```
#fff18b
```
#fff18b rgb(255,241,139)
```
#fff49e
```
#fff49e rgb(255,244,158)
```
#fff6b2
```
#fff6b2 rgb(255,246,178)
```
#fff8c6
```
#fff8c6 rgb(255,248,198)
```
#fffbd9
```
#fffbd9 rgb(255,251,217)
```
#fffded
```
#fffded rgb(255,253,237)
```

Tint Color Variation

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

#dbdbd6
```
#dbdbd6 rgb(219,219,214)
```
#deddd3
```
#deddd3 rgb(222,221,211)
```
#e1dfd0
```
#e1dfd0 rgb(225,223,208)
```
#e4e2cd
```
#e4e2cd rgb(228,226,205)
```
#e7e4ca
```
#e7e4ca rgb(231,228,202)
```
#eae6c7
```
#eae6c7 rgb(234,230,199)
```
#ede8c4
```
#ede8c4 rgb(237,232,196)
```
#f0ebc1
```
#f0ebc1 rgb(240,235,193)
```
#f3edbe
```
#f3edbe rgb(243,237,190)
```
#f6efbb
```
#f6efbb rgb(246,239,187)
```
#f9f1b8
```
#f9f1b8 rgb(249,241,184)
```
#fcf4b5
```
#fcf4b5 rgb(252,244,181)
```
#fff6b2
```
#fff6b2 rgb(255,246,178)
```

Tone Color Variation

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

#f1f1f1 Achromatopsia 0.005% of the population
#f4f2e4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff4d2 Protanopia 1% of men
#fff2e8 Deuteranopia 1% of men
#fff0f9 Tritanopia 0.001% of the population

Trichromacy

#fff4c6 Protanomaly 1% of men, 0.01% of women
#fff3d4 Deuteranomaly 6% of men, 0.4% of women
#fff2df Tritanomaly 0.01% of the population

#fff6b2 hex color

#fff6b2 Color Information

#fff6b2 Color Conversion

Color Schemes with #fff6b2

Alternatives to #fff6b2

#fff6b2 Preview

Shades and Tints of #fff6b2

Tones of #fff6b2

Color Blindness Simulator