Nerdulator> put something in

Recognised as Colour

#3D3E30

  • #3D3E30
  • Yellow
  • Dark
  • Nearest: Dark slate grey

#3D3E30 is a yellow with RGB values 61, 62, 48 and HSL 64°, 13%, 22%. It is a dark colour, so white text on it reaches 10.9:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#3D3E30#3D3E30
HEX#3D3E30
RGBrgb(61, 62, 48)
RGB (0–1)0.2392, 0.2431, 0.1882
RGB percentages23.9%, 24.3%, 18.8%
HSLhsl(64.3, 12.7%, 21.6%)
HSV / HSBhsv(64.3, 22.6%, 24.3%)
CMYK1.6%, 0%, 22.6%, 75.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,013,616
CSS custom property--colour: #3D3E30;

Brightness & contrast

Relative luminance0.04651WCAG 2.x, 0 is black and 1 is white
Perceived brightness60.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 10.88:1
Contrast with white10.88:1WCAG normal text: AAA
Contrast with black1.93:1WCAG normal text: Fail
Greyscale equivalent#3D3D3D
Inverted#C2C1CF

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#403D2Fno red cones; affects about 1% of men; ΔE 1.9 from the original
Deuteranopia#403D31no green cones; the most common form, about 1% of men; ΔE 2.3 from the original
Tritanopia#3F3C3Ano blue cones; rare, and affects men and women equally; ΔE 8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text10.88:1WCAG large text: AAA
Contrast with black, large text1.93:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 15.8Dim grey · ΔE 20.8Black · ΔE 27.3Gray · ΔE 29.3Dark olivegreen · ΔE 31.7Slate grey · ΔE 33.2
Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 15.83, a distinctly different colour
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#31303E
Analogous#3E3830, #363E30
Triadic#303D3E, #3E303D
Split complementary#30363E, #38303E
Tetradic#303E38, #31303E, #3E3036

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A8A991
Lighter +30%#919374
Lighter +20%#76775D
Lighter +10%#595B46
Darker −10%#21211A
Darker −20%#040503
Darker −30%#000000
Darker −40%#000000
More saturated +25%#494C22
Less saturated −25%#373737

Channel breakdown

R61
G62
B48
Red61 (23.9%)
Green62 (24.3%)
Blue48 (18.8%)
Hue64.29°
Saturation (HSL)12.73%
Lightness21.57%
Dominant channelGreen
Hex per channelR 3D · G 3E · B 30

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