Nerdulator> put something in

Recognised as Colour

#676E2E

  • #676E2E
  • Yellow
  • Dark
  • Nearest: Dark olivegreen

#676E2E is a yellow with RGB values 103, 110, 46 and HSL 67°, 41%, 31%. It is a dark colour, so white text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#676E2E#676E2E
HEX#676E2E
RGBrgb(103, 110, 46)
RGB (0–1)0.4039, 0.4314, 0.1804
RGB percentages40.4%, 43.1%, 18%
HSLhsl(66.6, 41%, 30.6%)
HSV / HSBhsv(66.6, 58.2%, 43.1%)
CMYK6.4%, 0%, 58.2%, 56.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,778,414
CSS custom property--colour: #676E2E;

Brightness & contrast

Relative luminance0.14233WCAG 2.x, 0 is black and 1 is white
Perceived brightness102.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.46:1
Contrast with white5.46:1WCAG normal text: AA
Contrast with black3.85:1WCAG normal text: Fail
Greyscale equivalent#686868
Inverted#9891D1

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#756927no red cones; affects about 1% of men; ΔE 9.4 from the original
Deuteranopia#756A32no green cones; the most common form, about 1% of men; ΔE 9.2 from the original
Tritanopia#6D6860no blue cones; rare, and affects men and women equally; ΔE 31.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text5.46:1WCAG large text: AAA
Contrast with black, large text3.85:1WCAG large text: AA

Named colours

Dark olivegreen · ΔE 7.6Olive · ΔE 23.7Olivedrab · ΔE 24.2Dark khaki · ΔE 29.5Sea green · ΔE 31.4Dark green · ΔE 32.8
Nearest named CSS colourDark olivegreen (#556B2F)ΔE 7.56, clearly different but related
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#352E6E
Analogous#6E552E, #476E2E
Triadic#2E676E, #6E2E67
Split complementary#2E476E, #552E6E
Tetradic#2E6E55, #352E6E, #6E2E47

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CCD395
Lighter +30%#BBC471
Lighter +20%#A9B54D
Lighter +10%#89923D
Darker −10%#454A1F
Darker −20%#242610
Darker −30%#020201
Darker −40%#000000
More saturated +25%#76821B
Less saturated −25%#585B42

Channel breakdown

R103
G110
B46
Red103 (40.4%)
Green110 (43.1%)
Blue46 (18%)
Hue66.56°
Saturation (HSL)41.03%
Lightness30.59%
Dominant channelGreen
Hex per channelR 67 · G 6E · B 2E

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