#457407

#457407

Color Values

HEX

#457407

RGB

69, 116, 7

HSL

85.9, 88.6%, 24.1%

HSV

85.9, 94.0%, 45.5%

CMYK

40.5%, 0.0%, 94.0%, 54.5%

OKLCH

0.5056 0.1377 132.2

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#457407

#360774

Analogous

#746C07

#0E7407

#457407

Triadic

#457407

#074574

#740745

Split Complementary

#457407

#070E74

#6C0774

Tetradic

#457407

#07746C

#360774

#74070E

Color Blindness Simulation

Original

#457407

Protanopia

#595A21

Deuteranopia

#575328

Tritanopia

#47363B

Achromatopsia

#626262

CSS Usage

background-color: #457407;
color: #457407;
border-color: #457407;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FDF2
100
#EFFBE0
200
#E0FBBC
300
#C9F88C
400
#ACF44D
500
#8FF00F
600
#72C00C
700
#5B9A09
800
#477807
900
#36570A
950
#223706

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

3.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026