#67B78D

#67B78D

Color Values

HEX

#67B78D

RGB

103, 183, 141

HSL

148.5, 35.7%, 56.1%

HSV

148.5, 43.7%, 71.8%

CMYK

43.7%, 0.0%, 23.0%, 28.2%

OKLCH

0.7164 0.101 159.5

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#67B78D

#B76791

Analogous

#69B767

#67B7B5

#67B78D

Triadic

#67B78D

#8D67B7

#B78D67

Split Complementary

#67B78D

#B567B7

#B76769

Tetradic

#67B78D

#6769B7

#B76791

#B7B567

Color Blindness Simulation

Original

#67B78D

Protanopia

#8A8A97

Deuteranopia

#857F9A

Tritanopia

#6B9FA1

Achromatopsia

#A3A3A3

CSS Usage

background-color: #67B78D;
color: #67B78D;
border-color: #67B78D;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CFE8DB
300
#ACD8C1
400
#7FC29F
500
#52AD7D
600
#428A64
700
#346F50
800
#29573F
900
#214030
950
#15281E

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.73:1

AA Pass AAA Pass

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