Nerdulator> put something in

Colour

#337E4D

  • #337E4D
  • Green
  • Dark
  • Nearest: Sea green

#337E4D is a green with RGB values 51, 126, 77 and HSL 141°, 42%, 35%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Sea green.

Colour values

#337E4D#337E4D
HEX#337E4D
RGBrgb(51, 126, 77)
RGB (0–1)0.2, 0.4941, 0.302
RGB percentages20%, 49.4%, 30.2%
HSLhsl(140.8, 42.4%, 34.7%)
HSV / HSBhsv(140.8, 59.5%, 49.4%)
CMYK59.5%, 0%, 38.9%, 50.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,374,669
CSS custom property--colour: #337E4D;

Brightness & contrast

Relative luminance0.16161WCAG 2.x, 0 is black and 1 is white
Perceived brightness103.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.96:1
Contrast with white4.96:1WCAG normal text: AA
Contrast with black4.23:1WCAG normal text: Fail
Greyscale equivalent#6B6B6B
Inverted#CC81B2

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#7E744Ano red cones; affects about 1% of men; ΔE 32.7 from the original
Deuteranopia#746D50no green cones; the most common form, about 1% of men; ΔE 32.9 from the original
Tritanopia#1D7C72no blue cones; rare, and affects men and women equally; ΔE 23 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.96:1WCAG large text: AAA
Contrast with black, large text4.23:1WCAG large text: AA

Named colours

Sea green · ΔE 6.4Dark olivegreen · ΔE 20Medium seagreen · ΔE 22.8Dark green · ΔE 25.9Dark seagreen · ΔE 27.4Teal · ΔE 29.1
Nearest named CSS colourSea green (#2E8B57)ΔE 6.41, clearly different but related
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#7E3364
Analogous#3E7E33, #337E72
Triadic#4D337E, #7E4D33
Split complementary#72337E, #7E333F
Tetradic#333F7E, #7E3364, #7E7333

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A3DAB6
Lighter +30%#7FCB99
Lighter +20%#5BBC7C
Lighter +10%#42A263
Darker −10%#245A37
Darker −20%#163521
Darker −30%#07110A
Darker −40%#000000
More saturated +25%#1D9446
Less saturated −25%#496854

Channel breakdown

R51
G126
B77
Red51 (20%)
Green126 (49.4%)
Blue77 (30.2%)
Hue140.8°
Saturation (HSL)42.37%
Lightness34.71%
Dominant channelGreen
Hex per channelR 33 · G 7E · B 4D

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