#42978F

#42978F

Color Values

HEX

#42978F

RGB

66, 151, 143

HSL

174.4, 39.2%, 42.5%

HSV

174.4, 56.3%, 59.2%

CMYK

56.3%, 0.0%, 5.3%, 40.8%

OKLCH

0.6221 0.0829 186.9

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#42978F

#97424A

Analogous

#429764

#427497

#42978F

Triadic

#42978F

#8F4297

#978F42

Split Complementary

#42978F

#974274

#976442

Tetradic

#42978F

#644297

#97424A

#749742

Color Blindness Simulation

Original

#42978F

Protanopia

#676891

Deuteranopia

#625C91

Tritanopia

#469293

Achromatopsia

#848484

CSS Usage

background-color: #42978F;
color: #42978F;
border-color: #42978F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CDE9E7
300
#AADAD5
400
#7CC6BF
500
#4EB1A8
600
#3E8E87
700
#32726C
800
#275954
900
#1F423E
950
#142927

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.05:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026