#42936B

#42936B

Color Values

HEX

#42936B

RGB

66, 147, 107

HSL

150.4, 38.0%, 41.8%

HSV

150.4, 55.1%, 57.6%

CMYK

55.1%, 0.0%, 27.2%, 42.4%

OKLCH

0.6013 0.1012 159.6

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#42936B

#93426A

Analogous

#429343

#429393

#42936B

Triadic

#42936B

#6B4293

#936B42

Split Complementary

#42936B

#934293

#934342

Tetradic

#42936B

#434293

#93426A

#939342

Color Blindness Simulation

Original

#42936B

Protanopia

#656675

Deuteranopia

#605A77

Tritanopia

#467C7E

Achromatopsia

#7F7F7F

CSS Usage

background-color: #42936B;
color: #42936B;
border-color: #42936B;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DB
300
#ABD9C2
400
#7DC5A1
500
#4FB080
600
#3F8D67
700
#337152
800
#285840
900
#204131
950
#14291F

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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