Colour
#F4BF30
- #F4BF30
- Orange
- Light
- Nearest: Goldenrod
#F4BF30 is a orange with RGB values 244, 191, 48 and HSL 44°, 90%, 57%. It is a light colour, so black text on it reaches 12.3:1 contrast (AAA for normal text). The nearest named colour is Goldenrod.
Colour values
#F4BF30#F4BF30
HEX#F4BF30
RGBrgb(244, 191, 48)
RGB (0–1)0.9569, 0.749, 0.1882
RGB percentages95.7%, 74.9%, 18.8%
HSLhsl(43.8, 89.9%, 57.3%)
HSV / HSBhsv(43.8, 80.3%, 95.7%)
CMYK0%, 21.7%, 80.3%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,039,728
CSS custom property--colour: #F4BF30;
Brightness & contrast
Relative luminance0.56708WCAG 2.x, 0 is black and 1 is white
Perceived brightness198.7 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 12.34:1
Contrast with white1.7:1WCAG normal text: Fail
Contrast with black12.34:1WCAG normal text: AAA
Greyscale equivalent#C0C0C0
Inverted#0B40CF
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.7:1WCAG large text: Fail
Contrast with black, large text12.34:1WCAG large text: AAA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#3065F4
Analogous#F45D30, #C7F430
Triadic#30F4BF, #BF30F4
Split complementary#30C7F4, #5D30F4
Tetradic#30F45D, #3065F4, #F430C7
Tints, shades & saturation
Channel breakdown
R244
G191
B48
Red244 (95.7%)
Green191 (74.9%)
Blue48 (18.8%)
Hue43.78°
Saturation (HSL)89.91%
Lightness57.25%
Dominant channelRed
Hex per channelR F4 · G BF · B 30
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