Nerdulator> put something in

Recognised as Colour

#322A18

  • #322A18
  • Orange
  • Dark
  • Nearest: Black

#322A18 is a orange with RGB values 50, 42, 24 and HSL 42°, 35%, 15%. It is a dark colour, so white text on it reaches 14.2:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#322A18#322A18
HEX#322A18
RGBrgb(50, 42, 24)
RGB (0–1)0.1961, 0.1647, 0.0941
RGB percentages19.6%, 16.5%, 9.4%
HSLhsl(41.5, 35.1%, 14.5%)
HSV / HSBhsv(41.5, 52%, 19.6%)
CMYK0%, 16%, 52%, 80.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,287,576
CSS custom property--colour: #322A18;

Brightness & contrast

Relative luminance0.024WCAG 2.x, 0 is black and 1 is white
Perceived brightness43 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 14.19:1
Contrast with white14.19:1WCAG normal text: AAA
Contrast with black1.48:1WCAG normal text: Fail
Greyscale equivalent#2A2A2A
Inverted#CDD5E7

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2E2A17no red cones; affects about 1% of men; ΔE 2.3 from the original
Deuteranopia#302C19no green cones; the most common form, about 1% of men; ΔE 2.3 from the original
Tritanopia#362725no blue cones; rare, and affects men and women equally; ΔE 10.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text14.19:1WCAG large text: AAA
Contrast with black, large text1.48:1WCAG large text: Fail

Named colours

Black · ΔE 21.8Dark slate grey · ΔE 25Dim grey · ΔE 30Dark olivegreen · ΔE 36Gray · ΔE 38.4Slate grey · ΔE 42.7
Nearest named CSS colourBlack (#000000)ΔE 21.84, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#182032
Analogous#321D18, #2D3218
Triadic#18322A, #2A1832
Split complementary#182D32, #1D1832
Tetradic#18321D, #182032, #32182D

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B49B62
Lighter +30%#99814A
Lighter +20%#776439
Lighter +10%#544729
Darker −10%#100D07
Darker −20%#000000
Darker −30%#000000
Darker −40%#000000
More saturated +25%#3B2E0F
Less saturated −25%#292621

Channel breakdown

R50
G42
B24
Red50 (19.6%)
Green42 (16.5%)
Blue24 (9.4%)
Hue41.54°
Saturation (HSL)35.14%
Lightness14.51%
Dominant channelRed
Hex per channelR 32 · G 2A · B 18

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

Every value on this page was computed from “322a18” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.