#668136

#668136

Color Values

HEX

#668136

RGB

102, 129, 54

HSL

81.6, 41.0%, 35.9%

HSV

81.6, 58.1%, 50.6%

CMYK

20.9%, 0.0%, 58.1%, 49.4%

OKLCH

0.5651 0.107 126.2

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#668136

#513681

Analogous

#817736

#418136

#668136

Triadic

#668136

#366681

#813666

Split Complementary

#668136

#364181

#773681

Tetradic

#668136

#368177

#513681

#813641

Color Blindness Simulation

Original

#668136

Protanopia

#727248

Deuteranopia

#706E4C

Tritanopia

#67565A

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#DFEACD
300
#C9DBA9
400
#ABC77A
500
#8EB44B
600
#72903C
700
#5B7330
800
#475A26
900
#35421F
950
#222A13

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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