#689F43

#689F43

Color Values

HEX

#689F43

RGB

104, 159, 67

HSL

95.9, 40.7%, 44.3%

HSV

95.9, 57.9%, 62.4%

CMYK

34.6%, 0.0%, 57.9%, 37.6%

OKLCH

0.6435 0.1373 134.5

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#689F43

#7A439F

Analogous

#969F43

#439F4C

#689F43

Triadic

#689F43

#43689F

#9F4368

Split Complementary

#689F43

#4C439F

#9F4396

Tetradic

#689F43

#43969F

#7A439F

#9F4C43

Color Blindness Simulation

Original

#689F43

Protanopia

#808059

Deuteranopia

#7D785F

Tritanopia

#6B6B6F

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8EACD
300
#BDDBA9
400
#99C77A
500
#75B34C
600
#5E903C
700
#4B7330
800
#3B5A26
900
#2D421F
950
#1C2A13

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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