Colour

#305C3B

#305C3B
Green
Dark
Nearest: Dark olivegreen

#305C3B is a green with RGB values 48, 92, 59 and HSL 135°, 31%, 27%. It is a dark colour, so white text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#305C3B#305C3B

HEX#305C3B

RGBrgb(48, 92, 59)

RGB (0–1)0.1882, 0.3608, 0.2314

RGB percentages18.8%, 36.1%, 23.1%

HSLhsl(135, 31.4%, 27.5%)

HSV / HSBhsv(135, 47.8%, 36.1%)

CMYK47.8%, 0%, 35.9%, 63.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,169,339

CSS custom property--colour: #305C3B;

Brightness & contrast

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

Perceived brightness77.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.72:1

Contrast with white7.72:1WCAG normal text: AAA

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

Greyscale equivalent#505050

Inverted#CFA3C4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5C5539no red cones; affects about 1% of men; ΔE 21.8 from the original

Deuteranopia#56513Dno green cones; the most common form, about 1% of men; ΔE 21.9 from the original

Tritanopia#285B53no blue cones; rare, and affects men and women equally; ΔE 15.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text7.72:1WCAG large text: AAA

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

Named colours

Dark olivegreen · ΔE 18.3 Dark slate grey · ΔE 21.9 Sea green · ΔE 23.7 Teal · ΔE 26.9 Dim grey · ΔE 29 Dark cyan · ΔE 29.8

Nearest named CSS colourDark olivegreen (#556B2F)ΔE 18.26, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5C3051

Analogous#3B5C30, #305C51

Triadic#3B305C, #5C3B30

Split complementary#51305C, #5C303B

Tetradic#303B5C, #5C3051, #5C5130

Tints, shades & saturation

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

Lighter +40%#92C69F

Lighter +30%#70B581

Lighter +20%#539F66

Lighter +10%#417E50

Darker −10%#1F3A26

Darker −20%#0D1910

Darker −30%#000000

Darker −40%#000000

More saturated +25%#1F6E32

Less saturated −25%#424B44

Channel breakdown

R48

G92

B59

Red48 (18.8%)

Green92 (36.1%)

Blue59 (23.1%)

Hue135°

Saturation (HSL)31.43%

Lightness27.45%

Dominant channelGreen

Hex per channelR 30 · G 5C · B 3B

Keep nerding

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

#305C3B

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