Recognised as Colour
#AF3800
- #AF3800
- Orange
- Dark
- Nearest: Firebrick
#AF3800 is a orange with RGB values 175, 56, 0 and HSL 19°, 100%, 34%. It is a dark colour, so white text on it reaches 6.2:1 contrast (AA for normal text). The nearest named colour is Firebrick.
Colour values
#AF3800#AF3800
HEX#AF3800
RGBrgb(175, 56, 0)
RGB (0–1)0.6863, 0.2196, 0
RGB percentages68.6%, 22%, 0%
HSLhsl(19.2, 100%, 34.3%)
HSV / HSBhsv(19.2, 100%, 68.6%)
CMYK0%, 68%, 100%, 31.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,483,136
CSS custom property--colour: #AF3800;
Brightness & contrast
Relative luminance0.11942WCAG 2.x, 0 is black and 1 is white
Perceived brightness104.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.2:1
Contrast with white6.2:1WCAG normal text: AA
Contrast with black3.39:1WCAG normal text: Fail
Greyscale equivalent#4D4D4D
Inverted#50C7FF
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.2:1WCAG large text: AAA
Contrast with black, large text3.39:1WCAG large text: AA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#0077AF
Analogous#AF0020, #AF8F00
Triadic#00AF38, #3800AF
Split complementary#00AF90, #001FAF
Tetradic#20AF00, #0077AF, #9000AF
Tints, shades & saturation
Channel breakdown
R175
G56
B0
Red175 (68.6%)
Green56 (22%)
Blue0 (0%)
Hue19.2°
Saturation (HSL)100%
Lightness34.31%
Dominant channelRed
Hex per channelR AF · G 38 · B 00
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