#42DBA0

#42DBA0

Color Values

HEX

#42DBA0

RGB

66, 219, 160

HSL

156.9, 68.0%, 55.9%

HSV

156.9, 69.9%, 85.9%

CMYK

69.9%, 0.0%, 26.9%, 14.1%

OKLCH

0.7975 0.1532 162.9

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#42DBA0

#DB427D

Analogous

#42DB54

#42C9DB

#42DBA0

Triadic

#42DBA0

#A042DB

#DBA042

Split Complementary

#42DBA0

#DB42C9

#DB5442

Tetradic

#42DBA0

#5442DB

#DB427D

#C9DB42

Color Blindness Simulation

Original

#42DBA0

Protanopia

#8486AE

Deuteranopia

#7B70B2

Tritanopia

#4ABABC

Achromatopsia

#B6B6B6

CSS Usage

background-color: #42DBA0;
color: #42DBA0;
border-color: #42DBA0;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FCF8
100
#E3F7F0
200
#C3F4E1
300
#98EBCB
400
#60E1AF
500
#29D693
600
#21AB76
700
#1A895E
800
#146B4A
900
#134E37
950
#0C3123

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.87:1

AA Pass AAA Pass

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