Nerdulator> put something in

Recognised as Colour

#486D3E

  • #486D3E
  • Green
  • Dark
  • Nearest: Dark olivegreen

#486D3E is a green with RGB values 72, 109, 62 and HSL 107°, 27%, 34%. It is a dark colour, so white text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#486D3E#486D3E
HEX#486D3E
RGBrgb(72, 109, 62)
RGB (0–1)0.2824, 0.4275, 0.2431
RGB percentages28.2%, 42.7%, 24.3%
HSLhsl(107.2, 27.5%, 33.5%)
HSV / HSBhsv(107.2, 43.1%, 42.7%)
CMYK33.9%, 0%, 43.1%, 57.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,746,558
CSS custom property--colour: #486D3E;

Brightness & contrast

Relative luminance0.12663WCAG 2.x, 0 is black and 1 is white
Perceived brightness94.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.94:1
Contrast with white5.94:1WCAG normal text: AA
Contrast with black3.53:1WCAG normal text: Fail
Greyscale equivalent#626262
Inverted#B792C1

Colour vision & accessibility

Protanopia#70663Bno red cones; affects about 1% of men; ΔE 20.8 from the original
Deuteranopia#6A6241no green cones; the most common form, about 1% of men; ΔE 21 from the original
Tritanopia#466A61no blue cones; rare, and affects men and women equally; ΔE 22.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.94:1WCAG large text: AAA
Contrast with black, large text3.53:1WCAG large text: AA

Named colours

Nearest named CSS colourDark olivegreen (#556B2F)ΔE 9.45, clearly different but related
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#633E6D
Analogous#5F6D3E, #3E6D4C
Triadic#3E486D, #6D3E48
Split complementary#4C3E6D, #6D3E5F
Tetradic#3E5F6D, #633E6D, #6D4B3E

Tints, shades & saturation

Lighter +40%#B1CEA9
Lighter +30%#93BC88
Lighter +20%#76A968
Lighter +10%#5D8E50
Darker −10%#334C2C
Darker −20%#1D2C19
Darker −30%#080B07
Darker −40%#000000
More saturated +25%#3C8229
Less saturated −25%#545853

Channel breakdown

R72
G109
B62
Red72 (28.2%)
Green109 (42.7%)
Blue62 (24.3%)
Hue107.23°
Saturation (HSL)27.49%
Lightness33.53%
Dominant channelGreen
Hex per channelR 48 · G 6D · B 3E

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