#667103

#667103

Color Values

HEX

#667103

RGB

102, 113, 3

HSL

66.0, 94.8%, 22.7%

HSV

66.0, 97.3%, 44.3%

CMYK

9.7%, 0.0%, 97.3%, 55.7%

OKLCH

0.5213 0.1184 116.3

Properties

Cool Dark Nearest: olive

Color Harmonies

Complementary

#667103

#0E0371

Analogous

#714503

#2F7103

#667103

Triadic

#667103

#036671

#710366

Split Complementary

#667103

#032F71

#450371

Tetradic

#667103

#037145

#0E0371

#71032F

Color Blindness Simulation

Original

#667103

Protanopia

#6B6B1E

Deuteranopia

#6A6924

Tritanopia

#673337

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F9FCDF
200
#F6FDB9
300
#F0FC88
400
#E8FA47
500
#E0F807
600
#B3C705
700
#8F9F04
800
#707C03
900
#525A07
950
#333904

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.93: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