#677303

#677303

Color Values

HEX

#677303

RGB

103, 115, 3

HSL

66.4, 94.9%, 23.1%

HSV

66.4, 97.4%, 45.1%

CMYK

10.4%, 0.0%, 97.4%, 54.9%

OKLCH

0.5271 0.1203 116.8

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#677303

#0F0373

Analogous

#734703

#2F7303

#677303

Triadic

#677303

#036773

#730367

Split Complementary

#677303

#032F73

#470373

Tetradic

#677303

#037347

#0F0373

#73032F

Color Blindness Simulation

Original

#677303

Protanopia

#6C6C1E

Deuteranopia

#6C6B25

Tritanopia

#683438

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F8FCDF
200
#F6FDB9
300
#EFFC88
400
#E7FA47
500
#DFF807
600
#B2C705
700
#8F9F04
800
#6F7C03
900
#515A07
950
#333904

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026