#678B18

#678B18

Color Values

HEX

#678B18

RGB

103, 139, 24

HSL

78.8, 70.6%, 32.0%

HSV

78.8, 82.7%, 54.5%

CMYK

25.9%, 0.0%, 82.7%, 45.5%

OKLCH

0.5885 0.1416 126.4

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#678B18

#3C188B

Analogous

#8B7618

#2D8B18

#678B18

Triadic

#678B18

#18678B

#8B1867

Split Complementary

#678B18

#182D8B

#76188B

Tetradic

#678B18

#188B76

#3C188B

#8B182D

Color Blindness Simulation

Original

#678B18

Protanopia

#777734

Deuteranopia

#74723A

Tritanopia

#694A4F

Achromatopsia

#7B7B7B

CSS Usage

background-color: #678B18;
color: #678B18;
border-color: #678B18;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F9FCF3
100
#F1F8E2
200
#E5F5C2
300
#D2ED97
400
#BAE35E
500
#A1DA25
600
#81AE1E
700
#678B18
800
#516D13
900
#3C4F12
950
#26320B

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026