Colour
#F0BCA2
- #F0BCA2
- Orange
- Light
- Nearest: Peach puff
#F0BCA2 is a orange with RGB values 240, 188, 162 and HSL 20°, 72%, 79%. It is a light colour, so black text on it reaches 12.4:1 contrast (AAA for normal text). The nearest named colour is Peach puff.
Colour values
#F0BCA2#F0BCA2
HEX#F0BCA2
RGBrgb(240, 188, 162)
RGB (0–1)0.9412, 0.7373, 0.6353
RGB percentages94.1%, 73.7%, 63.5%
HSLhsl(20, 72.2%, 78.8%)
HSV / HSBhsv(20, 32.5%, 94.1%)
CMYK0%, 21.7%, 32.5%, 5.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,776,930
CSS custom property--colour: #F0BCA2;
Brightness & contrast
Relative luminance0.571WCAG 2.x, 0 is black and 1 is white
Perceived brightness202.4 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 12.42:1
Contrast with white1.69:1WCAG normal text: Fail
Contrast with black12.42:1WCAG normal text: AAA
Greyscale equivalent#C5C5C5
Inverted#0F435D
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.69:1WCAG large text: Fail
Contrast with black, large text12.42:1WCAG large text: AAA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#A2D6F0
Analogous#F0A2AF, #F0E3A2
Triadic#A2F0BC, #BCA2F0
Split complementary#A2F0E3, #A2AFF0
Tetradic#AFF0A2, #A2D6F0, #E3A2F0
Tints, shades & saturation
Channel breakdown
R240
G188
B162
Red240 (94.1%)
Green188 (73.7%)
Blue162 (63.5%)
Hue20°
Saturation (HSL)72.22%
Lightness78.82%
Dominant channelRed
Hex per channelR F0 · G BC · B A2
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page