#668239

#668239

Color Values

HEX

#668239

RGB

102, 130, 57

HSL

83.0, 39.0%, 36.7%

HSV

83.0, 56.2%, 51.0%

CMYK

21.5%, 0.0%, 56.2%, 49.0%

OKLCH

0.568 0.1055 126.9

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#668239

#553982

Analogous

#827A39

#428239

#668239

Triadic

#668239

#396682

#823966

Split Complementary

#668239

#394282

#7A3982

Tetradic

#668239

#39827A

#553982

#823942

Color Blindness Simulation

Original

#668239

Protanopia

#72724B

Deuteranopia

#706E4F

Tritanopia

#67595C

Achromatopsia

#777777

CSS Usage

background-color: #668239;
color: #668239;
border-color: #668239;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#DFE9CD
300
#C7DAAA
400
#A9C57C
500
#8BB14E
600
#6F8E3E
700
#597132
800
#465927
900
#34411F
950
#212914

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.82:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026