Nerdulator> put something in

Colour

#337A54

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

#337A54 is a green with RGB values 51, 122, 84 and HSL 148°, 41%, 34%. It is a dark colour, so white text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Sea green.

Colour values

#337A54#337A54
HEX#337A54
RGBrgb(51, 122, 84)
RGB (0–1)0.2, 0.4784, 0.3294
RGB percentages20%, 47.8%, 32.9%
HSLhsl(147.9, 41%, 33.9%)
HSV / HSBhsv(147.9, 58.2%, 47.8%)
CMYK58.2%, 0%, 31.1%, 52.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,373,652
CSS custom property--colour: #337A54;

Brightness & contrast

Relative luminance0.15263WCAG 2.x, 0 is black and 1 is white
Perceived brightness101.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.18:1
Contrast with white5.18:1WCAG normal text: AA
Contrast with black4.05:1WCAG normal text: Fail
Greyscale equivalent#686868
Inverted#CC85AB

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#797152no red cones; affects about 1% of men; ΔE 30 from the original
Deuteranopia#6F6A56no green cones; the most common form, about 1% of men; ΔE 30.2 from the original
Tritanopia#1B7970no blue cones; rare, and affects men and women equally; ΔE 17.3 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.18:1WCAG large text: AAA
Contrast with black, large text4.05:1WCAG large text: AA

Named colours

Sea green · ΔE 11.3Dark olivegreen · ΔE 21.2Teal · ΔE 23.1Dark cyan · ΔE 24.1Medium seagreen · ΔE 27.3Dark seagreen · ΔE 27.5
Nearest named CSS colourSea green (#2E8B57)ΔE 11.29, a distinctly different colour
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#7A3359
Analogous#367A33, #337A77
Triadic#54337A, #7A5433
Split complementary#77337A, #7A3336
Tetradic#33367A, #7A3359, #7A7733

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A1D8BB
Lighter +30%#7DC9A0
Lighter +20%#59BA86
Lighter +10%#429E6D
Darker −10%#24563B
Darker −20%#153222
Darker −30%#060E0A
Darker −40%#000000
More saturated +25%#1D9052
Less saturated −25%#496456

Channel breakdown

R51
G122
B84
Red51 (20%)
Green122 (47.8%)
Blue84 (32.9%)
Hue147.89°
Saturation (HSL)41.04%
Lightness33.92%
Dominant channelGreen
Hex per channelR 33 · G 7A · B 54

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