Colour
#AFB148
- #AFB148
- Yellow
- Dark
- Nearest: Dark khaki
#AFB148 is a yellow with RGB values 175, 177, 72 and HSL 61°, 42%, 49%. It is a dark colour, so black text on it reaches 9.2:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.
Colour values
#AFB148#AFB148
HEX#AFB148
RGBrgb(175, 177, 72)
RGB (0–1)0.6863, 0.6941, 0.2824
RGB percentages68.6%, 69.4%, 28.2%
HSLhsl(61.1, 42.2%, 48.8%)
HSV / HSBhsv(61.1, 59.3%, 69.4%)
CMYK1.1%, 0%, 59.3%, 30.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,514,184
CSS custom property--colour: #AFB148;
Brightness & contrast
Relative luminance0.41026WCAG 2.x, 0 is black and 1 is white
Perceived brightness167.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.21:1
Contrast with white2.28:1WCAG normal text: Fail
Contrast with black9.21:1WCAG normal text: AAA
Greyscale equivalent#A9A9A9
Inverted#504EB7
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.28:1WCAG large text: Fail
Contrast with black, large text9.21:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#4A48B1
Analogous#B17E48, #7BB148
Triadic#48AFB1, #B148AF
Split complementary#487BB1, #7E48B1
Tetradic#48B17E, #4A48B1, #B1487B
Tints, shades & saturation
Channel breakdown
R175
G177
B72
Red175 (68.6%)
Green177 (69.4%)
Blue72 (28.2%)
Hue61.14°
Saturation (HSL)42.17%
Lightness48.82%
Dominant channelGreen
Hex per channelR AF · G B1 · B 48
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