#ffb2bb Color Information
In a RGB color space, hex #ffb2bb is composed of 100% red, 69.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 26.7% yellow and 0% black. It has a hue angle of 353 degrees, a saturation of 100% and a lightness of 84.9%. #ffb2bb color hex could be obtained by blending #ffffff with #ff6577. Closest websafe color is: #ff99cc.
-
- R 100
- G 70
- B 73
-
- C 0
- M 30
- Y 27
- K 0
● #ffb2bb color description : Pale red.
#ffb2bb Color Conversion
The hexadecimal color #ffb2bb has RGB values of R:255, G:178, B:187 and CMYK values of C:0, M:0.3, Y:0.27, K:0. Its decimal value is 16757435.
| Hex triplet | ffb2bb | #ffb2bb |
|---|---|---|
| RGB Decimal | 255, 178, 187 | rgb(255,178,187) |
| RGB Percent | 100, 69.8, 73.3 | rgb(100%,69.8%,73.3%) |
| CMYK | 0, 30, 27, 0 | |
| HSL | 353°, 100, 84.9 | hsl(353,100%,84.9%) |
| HSV (or HSB) | 353°, 30.2, 100 | |
| Web Safe | ff99cc | #ff99cc |
| CIE-LAB | 80.006, 29.235, 6.759 |
|---|---|
| XYZ | 66.13, 56.692, 54.47 |
| xyY | 0.373, 0.32, 56.692 |
| CIE-LCH | 80.006, 30.006, 13.018 |
| CIE-LUV | 80.006, 48.992, 4.297 |
| Hunter-Lab | 75.294, 25.01, 9.813 |
| Binary | 11111111, 10110010, 10111011 |
Color Schemes with #ffb2bb
Alternatives to #ffb2bb
Below, you can see some colors close to #ffb2bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb2bb Preview
This text has a font color of #ffb2bb.
<span style="color:#ffb2bb;">Text here</span>
This paragraph has a background color of #ffb2bb.
<p style="background-color:#ffb2bb;">Content here</p>
This element has a border color of #ffb2bb.
<div style="border:1px solid #ffb2bb;">Content here</div>
.text {color:#ffb2bb;}
.background {background-color:#ffb2bb;}
.border {border:1px solid #ffb2bb;}
Shades and Tints of #ffb2bb
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, #010000 is the darkest color, while #ffedef is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#150002
#150002rgb(21,0,2) -
#290005
#290005rgb(41,0,5) -
#3c0007
#3c0007rgb(60,0,7) -
#500009
#500009rgb(80,0,9) -
#64000c
#64000crgb(100,0,12) -
#77000e
#77000ergb(119,0,14) -
#8b0010
#8b0010rgb(139,0,16) -
#9e0013
#9e0013rgb(158,0,19) -
#b20015
#b20015rgb(178,0,21) -
#c60017
#c60017rgb(198,0,23) -
#d90019
#d90019rgb(217,0,25) -
#ed001c
#ed001crgb(237,0,28)
-
#ff011f
#ff011frgb(255,1,31) -
#ff1530
#ff1530rgb(255,21,48) -
#ff2942
#ff2942rgb(255,41,66) -
#ff3c53
#ff3c53rgb(255,60,83) -
#ff5064
#ff5064rgb(255,80,100) -
#ff6476
#ff6476rgb(255,100,118) -
#ff7787
#ff7787rgb(255,119,135) -
#ff8b98
#ff8b98rgb(255,139,152) -
#ff9eaa
#ff9eaargb(255,158,170) -
#ffb2bb
#ffb2bbrgb(255,178,187) -
#ffc6cc
#ffc6ccrgb(255,198,204) -
#ffd9de
#ffd9dergb(255,217,222) -
#ffedef
#ffedefrgb(255,237,239)
Tones of #ffb2bb
A tone is produced by adding gray to any pure hue. In this case, #dbd6d6 is the less saturated color, while #ffb2bb is the most saturated one.
-
#dbd6d6
#dbd6d6rgb(219,214,214) -
#ded3d4
#ded3d4rgb(222,211,212) -
#e1d0d2
#e1d0d2rgb(225,208,210) -
#e4cdcf
#e4cdcfrgb(228,205,207) -
#e7cacd
#e7cacdrgb(231,202,205) -
#eac7cb
#eac7cbrgb(234,199,203) -
#edc4c9
#edc4c9rgb(237,196,201) -
#f0c1c6
#f0c1c6rgb(240,193,198) -
#f3bec4
#f3bec4rgb(243,190,196) -
#f6bbc2
#f6bbc2rgb(246,187,194) -
#f9b8c0
#f9b8c0rgb(249,184,192) -
#fcb5bd
#fcb5bdrgb(252,181,189) -
#ffb2bb
#ffb2bbrgb(255,178,187)
Color Blindness Simulator
Below, you can see how #ffb2bb 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.
