#667B05

#667B05

Color Values

HEX

#667B05

RGB

102, 123, 5

HSL

70.7, 92.2%, 25.1%

HSV

70.7, 95.9%, 48.2%

CMYK

17.1%, 0.0%, 95.9%, 51.8%

OKLCH

0.5465 0.1293 120.9

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#667B05

#1A057B

Analogous

#7B5505

#2B7B05

#667B05

Triadic

#667B05

#05667B

#7B0566

Split Complementary

#667B05

#052B7B

#55057B

Tetradic

#667B05

#057B55

#1A057B

#7B052B

Color Blindness Simulation

Original

#667B05

Protanopia

#6F6F22

Deuteranopia

#6E6C28

Tritanopia

#67383D

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FBFDF1
100
#F6FBDF
200
#F0FCBA
300
#E6FA89
400
#D9F84A
500
#CBF50A
600
#A3C408
700
#829D06
800
#667B05
900
#4A5908
950
#2F3805

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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