#ffffba Color Information
In a RGB color space, hex #ffffba is composed of 100% red, 100% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 27.1% yellow and 0% black. It has a hue angle of 60 degrees, a saturation of 100% and a lightness of 86.5%. #ffffba color hex could be obtained by blending #ffffff with #ffff75. Closest websafe color is: #ffffcc.
-
- R 100
- G 100
- B 73
-
- C 0
- M 0
- Y 27
- K 0
● #ffffba color description : Pale yellow.
#ffffba Color Conversion
The hexadecimal color #ffffba has RGB values of R:255, G:255, B:186 and CMYK values of C:0, M:0, Y:0.27, K:0. Its decimal value is 16777146.
Hex triplet | ffffba | #ffffba |
---|---|---|
RGB Decimal | 255, 255, 186 | rgb(255,255,186) |
RGB Percent | 100, 100, 72.9 | rgb(100%,100%,72.9%) |
CMYK | 0, 0, 27, 0 | |
HSL | 60°, 100, 86.5 | hsl(60,100%,86.5%) |
HSV (or HSB) | 60°, 27.1, 100 | |
Web Safe | ffffcc | #ffffcc |
CIE-LAB | 98.562, -10.456, 33.078 |
---|---|
XYZ | 85.861, 96.326, 60.521 |
xyY | 0.354, 0.397, 96.326 |
CIE-LCH | 98.562, 34.691, 107.541 |
CIE-LUV | 98.562, 3.504, 48.634 |
Hunter-Lab | 98.146, -15.597, 32.141 |
Binary | 11111111, 11111111, 10111010 |
Color Schemes with #ffffba
Alternatives to #ffffba
Below, you can see some colors close to #ffffba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffffba Preview
This text has a font color of #ffffba.
<span style="color:#ffffba;">Text here</span>
This paragraph has a background color of #ffffba.
<p style="background-color:#ffffba;">Content here</p>
This element has a border color of #ffffba.
<div style="border:1px solid #ffffba;">Content here</div>
.text {color:#ffffba;}
.background {background-color:#ffffba;}
.border {border:1px solid #ffffba;}
Shades and Tints of #ffffba
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, #090900 is the darkest color, while #fffff5 is the lightest one.
-
#090900
#090900
rgb(9,9,0)
-
#1d1d00
#1d1d00
rgb(29,29,0)
-
#313100
#313100
rgb(49,49,0)
-
#444400
#444400
rgb(68,68,0)
-
#585800
#585800
rgb(88,88,0)
-
#6c6c00
#6c6c00
rgb(108,108,0)
-
#7f7f00
#7f7f00
rgb(127,127,0)
-
#939300
#939300
rgb(147,147,0)
-
#a6a600
#a6a600
rgb(166,166,0)
-
#baba00
#baba00
rgb(186,186,0)
-
#cece00
#cece00
rgb(206,206,0)
-
#e1e100
#e1e100
rgb(225,225,0)
-
#f5f500
#f5f500
rgb(245,245,0)
-
#ffff09
#ffff09
rgb(255,255,9)
-
#ffff1d
#ffff1d
rgb(255,255,29)
-
#ffff31
#ffff31
rgb(255,255,49)
-
#ffff44
#ffff44
rgb(255,255,68)
-
#ffff58
#ffff58
rgb(255,255,88)
-
#ffff6c
#ffff6c
rgb(255,255,108)
-
#ffff7f
#ffff7f
rgb(255,255,127)
-
#ffff93
#ffff93
rgb(255,255,147)
-
#ffffa6
#ffffa6
rgb(255,255,166)
-
#ffffba
#ffffba
rgb(255,255,186)
-
#ffffce
#ffffce
rgb(255,255,206)
-
#ffffe1
#ffffe1
rgb(255,255,225)
-
#fffff5
#fffff5
rgb(255,255,245)
Tones of #ffffba
A tone is produced by adding gray to any pure hue. In this case, #dfdfda is the less saturated color, while #ffffba is the most saturated one.
-
#dfdfda
#dfdfda
rgb(223,223,218)
-
#e2e2d7
#e2e2d7
rgb(226,226,215)
-
#e4e4d5
#e4e4d5
rgb(228,228,213)
-
#e7e7d2
#e7e7d2
rgb(231,231,210)
-
#eaeacf
#eaeacf
rgb(234,234,207)
-
#ececcd
#ececcd
rgb(236,236,205)
-
#efefca
#efefca
rgb(239,239,202)
-
#f2f2c7
#f2f2c7
rgb(242,242,199)
-
#f4f4c5
#f4f4c5
rgb(244,244,197)
-
#f7f7c2
#f7f7c2
rgb(247,247,194)
-
#fafabf
#fafabf
rgb(250,250,191)
-
#fcfcbd
#fcfcbd
rgb(252,252,189)
-
#ffffba
#ffffba
rgb(255,255,186)
Color Blindness Simulator
Below, you can see how #ffffba 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.