Colour

#457C21

#457C21
Green
Dark
Nearest: Olivedrab

#457C21 is a green with RGB values 69, 124, 33 and HSL 96°, 58%, 31%. It is a dark colour, so white text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Olivedrab.

Colour values

#457C21#457C21

HEX#457C21

RGBrgb(69, 124, 33)

RGB (0–1)0.2706, 0.4863, 0.1294

RGB percentages27.1%, 48.6%, 12.9%

HSLhsl(96.3, 58%, 30.8%)

HSV / HSBhsv(96.3, 73.4%, 48.6%)

CMYK44.4%, 0%, 73.4%, 51.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,553,761

CSS custom property--colour: #457C21;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.05:1

Contrast with white5.05:1WCAG normal text: AA

Contrast with black4.16:1WCAG normal text: Fail

Greyscale equivalent#6A6A6A

Inverted#BA83DE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#817212no red cones; affects about 1% of men; ΔE 31.4 from the original

Deuteranopia#796D2Ano green cones; the most common form, about 1% of men; ΔE 30.9 from the original

Tritanopia#43776Ano blue cones; rare, and affects men and women equally; ΔE 42.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.05:1WCAG large text: AAA

Contrast with black, large text4.16:1WCAG large text: AA

Named colours

Olivedrab · ΔE 12.9 Dark green · ΔE 13.6 Forest green · ΔE 15.7 Green · ΔE 18.8 Dark olivegreen · ΔE 20 Sea green · ΔE 22.9

Nearest named CSS colourOlivedrab (#6B8E23)ΔE 12.93, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#58217C

Analogous#727C21, #217C2B

Triadic#21457C, #7C2145

Split complementary#2B217C, #7C2172

Tetradic#21727C, #58217C, #7C2B21

Tints, shades & saturation

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

Lighter +40%#ABE089

Lighter +30%#8FD561

Lighter +20%#72CA39

Lighter +10%#5BA42C

Darker −10%#2F5416

Darker −20%#182B0C

Darker −30%#020301

Darker −40%#000000

More saturated +25%#41900D

Less saturated −25%#496835

Channel breakdown

R69

G124

B33

Red69 (27.1%)

Green124 (48.6%)

Blue33 (12.9%)

Hue96.26°

Saturation (HSL)57.96%

Lightness30.78%

Dominant channelGreen

Hex per channelR 45 · G 7C · B 21

Keep nerding

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

#457C21

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