#ffb4ff hex color

In a RGB color space, hex #ffb4ff is composed of 100% red, 70.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 0% yellow and 0% black. It has a hue angle of 300 degrees, a saturation of 100% and a lightness of 85.3%. #ffb4ff color hex could be obtained by blending #ffffff with #ff69ff. Closest websafe color is: #ffccff.

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

● #ffb4ff color description : Pale magenta.

The hexadecimal color #ffb4ff has RGB values of R:255, G:180, B:255 and CMYK values of C:0, M:0.29, Y:0, K:0. Its decimal value is 16758015.

Hex triplet	ffb4ff	`#ffb4ff`
RGB Decimal	255, 180, 255	`rgb(255,180,255)`
RGB Percent	100, 70.6, 100	`rgb(100%,70.6%,100%)`
CMYK	0, 29, 0, 0
HSL	300°, 100, 85.3	`hsl(300,100%,85.3%)`
HSV (or HSB)	300°, 29.4, 100
Web Safe	ffccff	`#ffccff`

CIE-LAB	82.446, 38.95, -26.226
XYZ	75.609, 61.125, 102.418
xyY	0.316, 0.256, 61.125
CIE-LCH	82.446, 46.957, 326.046
CIE-LUV	82.446, 37.353, -48.315
Hunter-Lab	78.182, 35.806, -22.941
Binary	11111111, 10110100, 11111111

#ffb4ff
```
#ffb4ff rgb(255,180,255)
```
#b4ffb4
```
#b4ffb4 rgb(180,255,180)
```

Complementary Color

#dab4ff
```
#dab4ff rgb(218,180,255)
```
#ffb4ff
```
#ffb4ff rgb(255,180,255)
```
#ffb4da
```
#ffb4da rgb(255,180,218)
```

Analogous Color

#b4ffda
```
#b4ffda rgb(180,255,218)
```
#ffb4ff
```
#ffb4ff rgb(255,180,255)
```
#daffb4
```
#daffb4 rgb(218,255,180)
```

Split Complementary Color

#b4ffff
```
#b4ffff rgb(180,255,255)
```
#ffb4ff
```
#ffb4ff rgb(255,180,255)
```
#ffffb4
```
#ffffb4 rgb(255,255,180)
```

Triadic Color

#b4b4ff
```
#b4b4ff rgb(180,180,255)
```
#ffb4ff
```
#ffb4ff rgb(255,180,255)
```
#ffffb4
```
#ffffb4 rgb(255,255,180)
```
#b4ffb4
```
#b4ffb4 rgb(180,255,180)
```

Tetradic Color

#ff68ff
```
#ff68ff rgb(255,104,255)
```
#ff81ff
```
#ff81ff rgb(255,129,255)
```
#ff9bff
```
#ff9bff rgb(255,155,255)
```
#ffb4ff
```
#ffb4ff rgb(255,180,255)
```
#ffceff
```
#ffceff rgb(255,206,255)
```
#ffe7ff
```
#ffe7ff rgb(255,231,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ecb4ff
```
#ecb4ff rgb(236,180,255)
```
#f3b4ff
```
#f3b4ff rgb(243,180,255)
```
#f9b4ff
```
#f9b4ff rgb(249,180,255)
```
#ffb4ff
```
#ffb4ff rgb(255,180,255)
```
#ffb4f9
```
#ffb4f9 rgb(255,180,249)
```
#ffb4f3
```
#ffb4f3 rgb(255,180,243)
```
#ffb4ec
```
#ffb4ec rgb(255,180,236)
```

Similar Colors

Text with hexadecimal color #ffb4ff

This text has a font color of #ffb4ff.

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

#ffb4ff background color

This paragraph has a background color of #ffb4ff.

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

#ffb4ff border color

This element has a border color of #ffb4ff.

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

CSS codes

.text {color:#ffb4ff;}

.background {background-color:#ffb4ff;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#170017
```
#170017 rgb(23,0,23)
```
#2b002b
```
#2b002b rgb(43,0,43)
```
#3e003e
```
#3e003e rgb(62,0,62)
```
#520052
```
#520052 rgb(82,0,82)
```
#660066
```
#660066 rgb(102,0,102)
```
#790079
```
#790079 rgb(121,0,121)
```
#8d008d
```
#8d008d rgb(141,0,141)
```
#a000a0
```
#a000a0 rgb(160,0,160)
```
#b400b4
```
#b400b4 rgb(180,0,180)
```
#c800c8
```
#c800c8 rgb(200,0,200)
```
#db00db
```
#db00db rgb(219,0,219)
```
#ef00ef
```
#ef00ef rgb(239,0,239)
```

Shade Color Variation

#ff03ff
```
#ff03ff rgb(255,3,255)
```
#ff17ff
```
#ff17ff rgb(255,23,255)
```
#ff2bff
```
#ff2bff rgb(255,43,255)
```
#ff3eff
```
#ff3eff rgb(255,62,255)
```
#ff52ff
```
#ff52ff rgb(255,82,255)
```
#ff66ff
```
#ff66ff rgb(255,102,255)
```
#ff79ff
```
#ff79ff rgb(255,121,255)
```
#ff8dff
```
#ff8dff rgb(255,141,255)
```
#ffa0ff
```
#ffa0ff rgb(255,160,255)
```
#ffb4ff
```
#ffb4ff rgb(255,180,255)
```
#ffc8ff
```
#ffc8ff rgb(255,200,255)
```
#ffdbff
```
#ffdbff rgb(255,219,255)
```
#ffefff
```
#ffefff rgb(255,239,255)
```

Tint Color Variation

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

#dcd7dc
```
#dcd7dc rgb(220,215,220)
```
#dfd4df
```
#dfd4df rgb(223,212,223)
```
#e2d1e2
```
#e2d1e2 rgb(226,209,226)
```
#e5cee5
```
#e5cee5 rgb(229,206,229)
```
#e8cbe8
```
#e8cbe8 rgb(232,203,232)
```
#ebc8eb
```
#ebc8eb rgb(235,200,235)
```
#eec5ee
```
#eec5ee rgb(238,197,238)
```
#f1c2f1
```
#f1c2f1 rgb(241,194,241)
```
#f3c0f3
```
#f3c0f3 rgb(243,192,243)
```
#f6bdf6
```
#f6bdf6 rgb(246,189,246)
```
#f9baf9
```
#f9baf9 rgb(249,186,249)
```
#fcb7fc
```
#fcb7fc rgb(252,183,252)
```
#ffb4ff
```
#ffb4ff rgb(255,180,255)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dccddc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ceff Protanopia 1% of men
#cdcbf8 Deuteranopia 1% of men
#f7c1cf Tritanopia 0.001% of the population

Trichromacy

#d8c4ff Protanomaly 1% of men, 0.01% of women
#dfc3fb Deuteranomaly 6% of men, 0.4% of women
#fabce0 Tritanomaly 0.01% of the population

#ffb4ff hex color

#ffb4ff Color Information

#ffb4ff Color Conversion

Color Schemes with #ffb4ff

Alternatives to #ffb4ff

#ffb4ff Preview

Shades and Tints of #ffb4ff

Tones of #ffb4ff

Color Blindness Simulator