Colour
#180C02
- #180C02
- Orange
- Dark
- Nearest: Black
#180C02 is a orange with RGB values 24, 12, 2 and HSL 27°, 85%, 5%. It is a dark colour, so white text on it reaches 19.2:1 contrast (AAA for normal text). The nearest named colour is Black.
Colour values
#180C02#180C02
HEX#180C02
RGBrgb(24, 12, 2)
RGB (0–1)0.0941, 0.0471, 0.0078
RGB percentages9.4%, 4.7%, 0.8%
HSLhsl(27.3, 84.6%, 5.1%)
HSV / HSBhsv(27.3, 91.7%, 9.4%)
CMYK0%, 50%, 91.7%, 90.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,575,938
CSS custom property--colour: #180C02;
Brightness & contrast
Relative luminance0.00462WCAG 2.x, 0 is black and 1 is white
Perceived brightness16 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 19.23:1
Contrast with white19.23:1WCAG normal text: AAA
Contrast with black1.09:1WCAG normal text: Fail
Greyscale equivalent#0E0E0E
Inverted#E7F3FD
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text19.23:1WCAG large text: AAA
Contrast with black, large text1.09:1WCAG large text: Fail
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#020E18
Analogous#180203, #181702
Triadic#02180C, #0C0218
Split complementary#021817, #020318
Tetradic#031802, #020E18, #170218
Tints, shades & saturation
Channel breakdown
R24
G12
B2
Red24 (9.4%)
Green12 (4.7%)
Blue2 (0.8%)
Hue27.27°
Saturation (HSL)84.62%
Lightness5.1%
Dominant channelRed
Hex per channelR 18 · G 0C · B 02
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