#688D30

#688D30

Color Values

HEX

#688D30

RGB

104, 141, 48

HSL

83.9, 49.2%, 37.1%

HSV

83.9, 66.0%, 55.3%

CMYK

26.2%, 0.0%, 66.0%, 44.7%

OKLCH

0.596 0.1283 128.3

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#688D30

#55308D

Analogous

#8D8430

#3A8D30

#688D30

Triadic

#688D30

#30688D

#8D3068

Split Complementary

#688D30

#303A8D

#84308D

Tetradic

#688D30

#308D84

#55308D

#8D303A

Color Blindness Simulation

Original

#688D30

Protanopia

#787846

Deuteranopia

#76734C

Tritanopia

#6A585C

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF5E6
200
#DFEDCA
300
#C8E0A4
400
#AACF72
500
#8CBE41
600
#709834
700
#5A7A29
800
#465F20
900
#35461B
950
#212C11

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.44:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026