Nerdulator> put something in

Recognised as Colour

#403A2C

  • #403A2C
  • Orange
  • Dark
  • Nearest: Dark slate grey

#403A2C is a orange with RGB values 64, 58, 44 and HSL 42°, 19%, 21%. It is a dark colour, so white text on it reaches 11.3:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#403A2C#403A2C
HEX#403A2C
RGBrgb(64, 58, 44)
RGB (0–1)0.251, 0.2275, 0.1725
RGB percentages25.1%, 22.7%, 17.3%
HSLhsl(42, 18.5%, 21.2%)
HSV / HSBhsv(42, 31.3%, 25.1%)
CMYK0%, 9.4%, 31.2%, 74.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,209,196
CSS custom property--colour: #403A2C;

Brightness & contrast

Relative luminance0.04298WCAG 2.x, 0 is black and 1 is white
Perceived brightness58.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 11.29:1
Contrast with white11.29:1WCAG normal text: AAA
Contrast with black1.86:1WCAG normal text: Fail
Greyscale equivalent#3A3A3A
Inverted#BFC5D3

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#3D3A2Bno red cones; affects about 1% of men; ΔE 1.6 from the original
Deuteranopia#3F3B2Cno green cones; the most common form, about 1% of men; ΔE 1.2 from the original
Tritanopia#433836no blue cones; rare, and affects men and women equally; ΔE 8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text11.29:1WCAG large text: AAA
Contrast with black, large text1.86:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 19Dim grey · ΔE 22Black · ΔE 26.5Gray · ΔE 30.5Dark olivegreen · ΔE 33.2Slate grey · ΔE 34.8
Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 18.96, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#2C3240
Analogous#40302C, #3C402C
Triadic#2C403A, #3A2C40
Split complementary#2C3C40, #302C40
Tetradic#2C4030, #2C3240, #402C3C

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#AEA38A
Lighter +30%#9A8C6B
Lighter +20%#7C7156
Lighter +10%#5E5541
Darker −10%#221F17
Darker −20%#040302
Darker −30%#000000
Darker −40%#000000
More saturated +25%#4E3F1E
Less saturated −25%#363636

Channel breakdown

R64
G58
B44
Red64 (25.1%)
Green58 (22.7%)
Blue44 (17.3%)
Hue42°
Saturation (HSL)18.52%
Lightness21.18%
Dominant channelRed
Hex per channelR 40 · G 3A · B 2C

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 “403a2c” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.