Nerdulator> put something in

Recognised as Colour

#3F5316

  • #3F5316
  • Green
  • Dark
  • Nearest: Dark olivegreen

#3F5316 is a green with RGB values 63, 83, 22 and HSL 80°, 58%, 21%. It is a dark colour, so white text on it reaches 8.5:1 contrast (AAA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#3F5316#3F5316
HEX#3F5316
RGBrgb(63, 83, 22)
RGB (0–1)0.2471, 0.3255, 0.0863
RGB percentages24.7%, 32.5%, 8.6%
HSLhsl(79.7, 58.1%, 20.6%)
HSV / HSBhsv(79.7, 73.5%, 32.5%)
CMYK24.1%, 0%, 73.5%, 67.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,150,038
CSS custom property--colour: #3F5316;

Brightness & contrast

Relative luminance0.07301WCAG 2.x, 0 is black and 1 is white
Perceived brightness72.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.54:1
Contrast with white8.54:1WCAG normal text: AAA
Contrast with black2.46:1WCAG normal text: Fail
Greyscale equivalent#4A4A4A
Inverted#C0ACE9

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#584D0Dno red cones; affects about 1% of men; ΔE 15.9 from the original
Deuteranopia#554C1Bno green cones; the most common form, about 1% of men; ΔE 15.2 from the original
Tritanopia#424F47no blue cones; rare, and affects men and women equally; ΔE 30.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text8.54:1WCAG large text: AAA
Contrast with black, large text2.46:1WCAG large text: Fail

Named colours

Dark olivegreen · ΔE 9.9Dark green · ΔE 27.4Olivedrab · ΔE 30.2Sea green · ΔE 31.1Olive · ΔE 31.9Dark slate grey · ΔE 36.1
Nearest named CSS colourDark olivegreen (#556B2F)ΔE 9.85, clearly different but related
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#2A1653
Analogous#534916, #205316
Triadic#163F53, #53163F
Split complementary#162053, #491653
Tetradic#165349, #2A1653, #531620

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#AFD560
Lighter +30%#9ACA38
Lighter +20%#7CA42B
Lighter +10%#5E7B21
Darker −10%#202B0B
Darker −20%#020201
Darker −30%#000000
Darker −40%#000000
More saturated +25%#446009
Less saturated −25%#3A4623

Channel breakdown

R63
G83
B22
Red63 (24.7%)
Green83 (32.5%)
Blue22 (8.6%)
Hue79.67°
Saturation (HSL)58.1%
Lightness20.59%
Dominant channelGreen
Hex per channelR 3F · G 53 · B 16

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