Colour

#304C36

#304C36
Green
Dark
Nearest: Dark slate grey

#304C36 is a green with RGB values 48, 76, 54 and HSL 133°, 23%, 24%. It is a dark colour, so white text on it reaches 9.5:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#304C36#304C36

HEX#304C36

RGBrgb(48, 76, 54)

RGB (0–1)0.1882, 0.298, 0.2118

RGB percentages18.8%, 29.8%, 21.2%

HSLhsl(132.9, 22.6%, 24.3%)

HSV / HSBhsv(132.9, 36.8%, 29.8%)

CMYK36.8%, 0%, 28.9%, 70.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,165,238

CSS custom property--colour: #304C36;

Brightness & contrast

Relative luminance0.06064WCAG 2.x, 0 is black and 1 is white

Perceived brightness66.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.49:1

Contrast with white9.49:1WCAG normal text: AAA

Contrast with black2.21:1WCAG normal text: Fail

Greyscale equivalent#444444

Inverted#CFB3C9

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4C4735no red cones; affects about 1% of men; ΔE 14.8 from the original

Deuteranopia#484437no green cones; the most common form, about 1% of men; ΔE 15.2 from the original

Tritanopia#2C4B46no blue cones; rare, and affects men and women equally; ΔE 10.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text9.49:1WCAG large text: AAA

Contrast with black, large text2.21:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 14.3 Dim grey · ΔE 23.9 Dark olivegreen · ΔE 24.5 Teal · ΔE 29.1 Gray · ΔE 30.5 Dark cyan · ΔE 32.9

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 14.29, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#4C3046

Analogous#384C30, #304C44

Triadic#36304C, #4C3630

Split complementary#44304C, #4C3038

Tetradic#30384C, #4C3046, #4C4430

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#8FB998

Lighter +30%#70A57B

Lighter +20%#578B62

Lighter +10%#446B4C

Darker −10%#1C2D20

Darker −20%#090D0A

Darker −30%#000000

Darker −40%#000000

More saturated +25%#215C2D

Less saturated −25%#3E3E3E

Channel breakdown

R48

G76

B54

Red48 (18.8%)

Green76 (29.8%)

Blue54 (21.2%)

Hue132.86°

Saturation (HSL)22.58%

Lightness24.31%

Dominant channelGreen

Hex per channelR 30 · G 4C · B 36

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#304C36

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else