Nerdulator> put something in

Recognised as Colour

#314A27

  • #314A27
  • Green
  • Dark
  • Nearest: Dark olivegreen

#314A27 is a green with RGB values 49, 74, 39 and HSL 103°, 31%, 22%. It is a dark colour, so white text on it reaches 9.8:1 contrast (AAA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#314A27#314A27
HEX#314A27
RGBrgb(49, 74, 39)
RGB (0–1)0.1922, 0.2902, 0.1529
RGB percentages19.2%, 29%, 15.3%
HSLhsl(102.9, 31%, 22.2%)
HSV / HSBhsv(102.9, 47.3%, 29%)
CMYK33.8%, 0%, 47.3%, 71%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,230,247
CSS custom property--colour: #314A27;

Brightness & contrast

Relative luminance0.05697WCAG 2.x, 0 is black and 1 is white
Perceived brightness64.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 9.82:1
Contrast with white9.82:1WCAG normal text: AAA
Contrast with black2.14:1WCAG normal text: Fail
Greyscale equivalent#424242
Inverted#CEB5D8

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4C4524no red cones; affects about 1% of men; ΔE 15.3 from the original
Deuteranopia#484329no green cones; the most common form, about 1% of men; ΔE 15 from the original
Tritanopia#304841no blue cones; rare, and affects men and women equally; ΔE 17.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text9.82:1WCAG large text: AAA
Contrast with black, large text2.14:1WCAG large text: Fail

Named colours

Dark olivegreen · ΔE 18.7Dark slate grey · ΔE 22.5Dim grey · ΔE 29.5Sea green · ΔE 32.1Teal · ΔE 34.8Gray · ΔE 35.2
Nearest named CSS colourDark olivegreen (#556B2F)ΔE 18.67, a distinctly different colour
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#40274A
Analogous#424A27, #274A2F
Triadic#27314A, #4A2731
Split complementary#2F274A, #4A2743
Tetradic#27424A, #40274A, #4A2F27

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#92BC81
Lighter +30%#75AB5F
Lighter +20%#5D8D4A
Lighter +10%#476B39
Darker −10%#1B2915
Darker −20%#050704
Darker −30%#000000
Darker −40%#000000
More saturated +25%#2B5819
Less saturated −25%#373C35

Channel breakdown

R49
G74
B39
Red49 (19.2%)
Green74 (29%)
Blue39 (15.3%)
Hue102.86°
Saturation (HSL)30.97%
Lightness22.16%
Dominant channelGreen
Hex per channelR 31 · G 4A · B 27

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