#ffbaff Color Information
In a RGB color space, hex #ffbaff is composed of 100% red, 72.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.1% magenta, 0% yellow and 0% black. It has a hue angle of 300 degrees, a saturation of 100% and a lightness of 86.5%. #ffbaff color hex could be obtained by blending #ffffff with #ff75ff. Closest websafe color is: #ffccff.
-
- R 100
- G 73
- B 100
-
- C 0
- M 27
- Y 0
- K 0
● #ffbaff color description : Pale magenta.
#ffbaff Color Conversion
The hexadecimal color #ffbaff has RGB values of R:255, G:186, B:255 and CMYK values of C:0, M:0.27, Y:0, K:0. Its decimal value is 16759551.
Hex triplet | ffbaff | #ffbaff |
---|---|---|
RGB Decimal | 255, 186, 255 | rgb(255,186,255) |
RGB Percent | 100, 72.9, 100 | rgb(100%,72.9%,100%) |
CMYK | 0, 27, 0, 0 | |
HSL | 300°, 100, 86.5 | hsl(300,100%,86.5%) |
HSV (or HSB) | 300°, 27.1, 100 | |
Web Safe | ffccff | #ffccff |
CIE-LAB | 83.757, 35.812, -24.228 |
---|---|
XYZ | 76.847, 63.6, 102.83 |
xyY | 0.316, 0.261, 63.6 |
CIE-LCH | 83.757, 43.238, 325.92 |
CIE-LUV | 83.757, 34.48, -44.6 |
Hunter-Lab | 79.75, 32.441, -20.625 |
Binary | 11111111, 10111010, 11111111 |
Color Schemes with #ffbaff
Alternatives to #ffbaff
Below, you can see some colors close to #ffbaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbaff Preview
This text has a font color of #ffbaff.
<span style="color:#ffbaff;">Text here</span>
This paragraph has a background color of #ffbaff.
<p style="background-color:#ffbaff;">Content here</p>
This element has a border color of #ffbaff.
<div style="border:1px solid #ffbaff;">Content here</div>
.text {color:#ffbaff;}
.background {background-color:#ffbaff;}
.border {border:1px solid #ffbaff;}
Shades and Tints of #ffbaff
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, #090009 is the darkest color, while #fff5ff is the lightest one.
-
#090009
#090009
rgb(9,0,9)
-
#1d001d
#1d001d
rgb(29,0,29)
-
#310031
#310031
rgb(49,0,49)
-
#440044
#440044
rgb(68,0,68)
-
#580058
#580058
rgb(88,0,88)
-
#6c006c
#6c006c
rgb(108,0,108)
-
#7f007f
#7f007f
rgb(127,0,127)
-
#930093
#930093
rgb(147,0,147)
-
#a600a6
#a600a6
rgb(166,0,166)
-
#ba00ba
#ba00ba
rgb(186,0,186)
-
#ce00ce
#ce00ce
rgb(206,0,206)
-
#e100e1
#e100e1
rgb(225,0,225)
-
#f500f5
#f500f5
rgb(245,0,245)
-
#ff09ff
#ff09ff
rgb(255,9,255)
-
#ff1dff
#ff1dff
rgb(255,29,255)
-
#ff31ff
#ff31ff
rgb(255,49,255)
-
#ff44ff
#ff44ff
rgb(255,68,255)
-
#ff58ff
#ff58ff
rgb(255,88,255)
-
#ff6cff
#ff6cff
rgb(255,108,255)
-
#ff7fff
#ff7fff
rgb(255,127,255)
-
#ff93ff
#ff93ff
rgb(255,147,255)
-
#ffa6ff
#ffa6ff
rgb(255,166,255)
-
#ffbaff
#ffbaff
rgb(255,186,255)
-
#ffceff
#ffceff
rgb(255,206,255)
-
#ffe1ff
#ffe1ff
rgb(255,225,255)
-
#fff5ff
#fff5ff
rgb(255,245,255)
Tones of #ffbaff
A tone is produced by adding gray to any pure hue. In this case, #dfdadf is the less saturated color, while #ffbaff is the most saturated one.
-
#dfdadf
#dfdadf
rgb(223,218,223)
-
#e2d7e2
#e2d7e2
rgb(226,215,226)
-
#e4d5e4
#e4d5e4
rgb(228,213,228)
-
#e7d2e7
#e7d2e7
rgb(231,210,231)
-
#eacfea
#eacfea
rgb(234,207,234)
-
#eccdec
#eccdec
rgb(236,205,236)
-
#efcaef
#efcaef
rgb(239,202,239)
-
#f2c7f2
#f2c7f2
rgb(242,199,242)
-
#f4c5f4
#f4c5f4
rgb(244,197,244)
-
#f7c2f7
#f7c2f7
rgb(247,194,247)
-
#fabffa
#fabffa
rgb(250,191,250)
-
#fcbdfc
#fcbdfc
rgb(252,189,252)
-
#ffbaff
#ffbaff
rgb(255,186,255)
Color Blindness Simulator
Below, you can see how #ffbaff 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.