Nerdulator> put something in

Recognised as Colour

#3F7C56

  • #3F7C56
  • Green
  • Dark
  • Nearest: Sea green

#3F7C56 is a green with RGB values 63, 124, 86 and HSL 143°, 33%, 37%. 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

#3F7C56#3F7C56
HEX#3F7C56
RGBrgb(63, 124, 86)
RGB (0–1)0.2471, 0.4863, 0.3373
RGB percentages24.7%, 48.6%, 33.7%
HSLhsl(142.6, 32.6%, 36.7%)
HSV / HSBhsv(142.6, 49.2%, 48.6%)
CMYK49.2%, 0%, 30.6%, 51.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,160,598
CSS custom property--colour: #3F7C56;

Brightness & contrast

Relative luminance0.16144WCAG 2.x, 0 is black and 1 is white
Perceived brightness105.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.97:1
Contrast with white4.97:1WCAG normal text: AA
Contrast with black4.23:1WCAG normal text: Fail
Greyscale equivalent#6C6C6C
Inverted#C083A9

Colour vision & accessibility

Protanopia#7C7454no red cones; affects about 1% of men; ΔE 27.2 from the original
Deuteranopia#736D58no green cones; the most common form, about 1% of men; ΔE 27.8 from the original
Tritanopia#317B72no blue cones; rare, and affects men and women equally; ΔE 17.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.97:1WCAG large text: AAA
Contrast with black, large text4.23:1WCAG large text: AA

Named colours

Nearest named CSS colourSea green (#2E8B57)ΔE 12.66, a distinctly different colour
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#7C3F65
Analogous#467C3F, #3F7C75
Triadic#563F7C, #7C563F
Split complementary#753F7C, #7C3F46
Tetradic#3F467C, #7C3F65, #7C753F

Tints, shades & saturation

Lighter +40%#B0D7BF
Lighter +30%#8EC6A3
Lighter +20%#6CB588
Lighter +10%#509E6D
Darker −10%#2E5A3F
Darker −20%#1D3827
Darker −30%#0B1710
Darker −40%#000000
More saturated +25%#289350
Less saturated −25%#56655C

Channel breakdown

R63
G124
B86
Red63 (24.7%)
Green124 (48.6%)
Blue86 (33.7%)
Hue142.62°
Saturation (HSL)32.62%
Lightness36.67%
Dominant channelGreen
Hex per channelR 3F · G 7C · B 56

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