#42AF85

#42AF85

Color Values

HEX

#42AF85

RGB

66, 175, 133

HSL

156,9, 45,2%, 47,3%

HSV

156,9, 62,3%, 68,6%

CMYK

62,3%, 0,0%, 24,0%, 31,4%

OKLCH

0,6801 0,1181 164,3

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#42AF85

#AF426C

Analogous

#42AF4F

#42A3AF

#42AF85

Triadic

#42AF85

#8542AF

#AF8542

Split Complementary

#42AF85

#AF42A3

#AF4F42

Tetradic

#42AF85

#4F42AF

#AF426C

#A3AF42

Color Blindness Simulation

Original

#42AF85

Protanopia

#71728F

Deuteranopia

#6B6392

Tritanopia

#479799

Achromatopsia

#959595

CSS Usage

background-color: #42AF85;
color: #42AF85;
border-color: #42AF85;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBEBDF
300
#A6DDC8
400
#76CBAA
500
#46B98D
600
#389471
700
#2D765A
800
#235D46
900
#1D4435
950
#122B21

Contrast Checker

Text on white

2,73:1

AA Fail AAA Fail

Text on black

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