Recognised as Colour
#D67C03
- #D67C03
- Orange
- Dark
- Nearest: Chocolate
#D67C03 is a orange with RGB values 214, 124, 3 and HSL 34°, 97%, 43%. It is a dark colour, so black text on it reaches 6.7:1 contrast (AA for normal text). The nearest named colour is Chocolate.
Colour values
#D67C03#D67C03
HEX#D67C03
RGBrgb(214, 124, 3)
RGB (0–1)0.8392, 0.4863, 0.0118
RGB percentages83.9%, 48.6%, 1.2%
HSLhsl(34.4, 97.2%, 42.5%)
HSV / HSBhsv(34.4, 98.6%, 83.9%)
CMYK0%, 42.1%, 98.6%, 16.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,056,451
CSS custom property--colour: #D67C03;
Brightness & contrast
Relative luminance0.28718WCAG 2.x, 0 is black and 1 is white
Perceived brightness150.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.74:1
Contrast with white3.11:1WCAG normal text: Fail
Contrast with black6.74:1WCAG normal text: AA
Greyscale equivalent#868686
Inverted#2983FC
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.11:1WCAG large text: AA
Contrast with black, large text6.74:1WCAG large text: AAA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#035DD6
Analogous#D61203, #C7D603
Triadic#03D67C, #7C03D6
Split complementary#03C7D6, #1203D6
Tetradic#03D612, #035DD6, #D603C7
Tints, shades & saturation
Channel breakdown
R214
G124
B3
Red214 (83.9%)
Green124 (48.6%)
Blue3 (1.2%)
Hue34.41°
Saturation (HSL)97.24%
Lightness42.55%
Dominant channelRed
Hex per channelR D6 · G 7C · B 03
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page