#457406

#457406

Color Values

HEX

#457406

RGB

69, 116, 6

HSL

85.6, 90.2%, 23.9%

HSV

85.6, 94.8%, 45.5%

CMYK

40.5%, 0.0%, 94.8%, 54.5%

OKLCH

0.5055 0.138 132.2

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#457406

#350674

Analogous

#746C06

#0E7406

#457406

Triadic

#457406

#064574

#740645

Split Complementary

#457406

#060E74

#6C0674

Tetradic

#457406

#06746C

#350674

#74060E

Color Blindness Simulation

Original

#457406

Protanopia

#595A21

Deuteranopia

#575327

Tritanopia

#47363A

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#E0FCBB
300
#CAF98B
400
#ADF64C
500
#90F30C
600
#73C20A
700
#5C9B08
800
#487906
900
#365809
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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026