#ffffb2 hex color

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

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

● #ffffb2 color description : Pale yellow.

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

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

CIE-LAB	98.43, -11.446, 36.894
XYZ	85.035, 95.995, 56.166
xyY	0.358, 0.405, 95.995
CIE-LCH	98.43, 38.629, 107.236
CIE-LUV	98.43, 3.857, 53.533
Hunter-Lab	97.977, -16.539, 34.595
Binary	11111111, 11111111, 10110010

#ffffb2
```
#ffffb2 rgb(255,255,178)
```
#b2b2ff
```
#b2b2ff rgb(178,178,255)
```

Complementary Color

#ffd9b2
```
#ffd9b2 rgb(255,217,178)
```
#ffffb2
```
#ffffb2 rgb(255,255,178)
```
#d9ffb2
```
#d9ffb2 rgb(217,255,178)
```

Analogous Color

#d9b2ff
```
#d9b2ff rgb(217,178,255)
```
#ffffb2
```
#ffffb2 rgb(255,255,178)
```
#b2d9ff
```
#b2d9ff rgb(178,217,255)
```

Split Complementary Color

#ffb2ff
```
#ffb2ff rgb(255,178,255)
```
#ffffb2
```
#ffffb2 rgb(255,255,178)
```
#b2ffff
```
#b2ffff rgb(178,255,255)
```

Triadic Color

#ffb2b2
```
#ffb2b2 rgb(255,178,178)
```
#ffffb2
```
#ffffb2 rgb(255,255,178)
```
#b2ffff
```
#b2ffff rgb(178,255,255)
```
#b2b2ff
```
#b2b2ff rgb(178,178,255)
```

Tetradic Color

#ffff66
```
#ffff66 rgb(255,255,102)
```
#ffff7f
```
#ffff7f rgb(255,255,127)
```
#ffff99
```
#ffff99 rgb(255,255,153)
```
#ffffb2
```
#ffffb2 rgb(255,255,178)
```
#ffffcc
```
#ffffcc rgb(255,255,204)
```
#ffffe5
```
#ffffe5 rgb(255,255,229)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ffecb2
```
#ffecb2 rgb(255,236,178)
```
#fff2b2
```
#fff2b2 rgb(255,242,178)
```
#fff9b2
```
#fff9b2 rgb(255,249,178)
```
#ffffb2
```
#ffffb2 rgb(255,255,178)
```
#f9ffb2
```
#f9ffb2 rgb(249,255,178)
```
#f2ffb2
```
#f2ffb2 rgb(242,255,178)
```
#ecffb2
```
#ecffb2 rgb(236,255,178)
```

Similar Colors

Text with hexadecimal color #ffffb2

This text has a font color of #ffffb2.

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

#ffffb2 background color

This paragraph has a background color of #ffffb2.

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

#ffffb2 border color

This element has a border color of #ffffb2.

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

CSS codes

.text {color:#ffffb2;}

.background {background-color:#ffffb2;}

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

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 #ffffed is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#151500
```
#151500 rgb(21,21,0)
```
#292900
```
#292900 rgb(41,41,0)
```
#3c3c00
```
#3c3c00 rgb(60,60,0)
```
#505000
```
#505000 rgb(80,80,0)
```
#646400
```
#646400 rgb(100,100,0)
```
#777700
```
#777700 rgb(119,119,0)
```
#8b8b00
```
#8b8b00 rgb(139,139,0)
```
#9e9e00
```
#9e9e00 rgb(158,158,0)
```
#b2b200
```
#b2b200 rgb(178,178,0)
```
#c6c600
```
#c6c600 rgb(198,198,0)
```
#d9d900
```
#d9d900 rgb(217,217,0)
```
#eded00
```
#eded00 rgb(237,237,0)
```

Shade Color Variation

#ffff01
```
#ffff01 rgb(255,255,1)
```
#ffff15
```
#ffff15 rgb(255,255,21)
```
#ffff29
```
#ffff29 rgb(255,255,41)
```
#ffff3c
```
#ffff3c rgb(255,255,60)
```
#ffff50
```
#ffff50 rgb(255,255,80)
```
#ffff64
```
#ffff64 rgb(255,255,100)
```
#ffff77
```
#ffff77 rgb(255,255,119)
```
#ffff8b
```
#ffff8b rgb(255,255,139)
```
#ffff9e
```
#ffff9e rgb(255,255,158)
```
#ffffb2
```
#ffffb2 rgb(255,255,178)
```
#ffffc6
```
#ffffc6 rgb(255,255,198)
```
#ffffd9
```
#ffffd9 rgb(255,255,217)
```
#ffffed
```
#ffffed rgb(255,255,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 #ffffb2 is the most saturated one.

#dbdbd6
```
#dbdbd6 rgb(219,219,214)
```
#deded3
```
#deded3 rgb(222,222,211)
```
#e1e1d0
```
#e1e1d0 rgb(225,225,208)
```
#e4e4cd
```
#e4e4cd rgb(228,228,205)
```
#e7e7ca
```
#e7e7ca rgb(231,231,202)
```
#eaeac7
```
#eaeac7 rgb(234,234,199)
```
#ededc4
```
#ededc4 rgb(237,237,196)
```
#f0f0c1
```
#f0f0c1 rgb(240,240,193)
```
#f3f3be
```
#f3f3be rgb(243,243,190)
```
#f6f6bb
```
#f6f6bb rgb(246,246,187)
```
#f9f9b8
```
#f9f9b8 rgb(249,249,184)
```
#fcfcb5
```
#fcfcb5 rgb(252,252,181)
```
#ffffb2
```
#ffffb2 rgb(255,255,178)
```

Tone Color Variation

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

#f6f6f6 Achromatopsia 0.005% of the population
#f8f8e8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fffaed Protanopia 1% of men
#fff9f5 Deuteranopia 1% of men
#fff9fd Tritanopia 0.001% of the population

Trichromacy

#fffcd8 Protanomaly 1% of men, 0.01% of women
#fffbdd Deuteranomaly 6% of men, 0.4% of women
#fffbe2 Tritanomaly 0.01% of the population

#ffffb2 hex color

#ffffb2 Color Information

#ffffb2 Color Conversion

Color Schemes with #ffffb2

Alternatives to #ffffb2

#ffffb2 Preview

Shades and Tints of #ffffb2

Tones of #ffffb2

Color Blindness Simulator