#42BABB

#42BABB

Color Values

HEX

#42BABB

RGB

66, 186, 187

HSL

180.5, 47.8%, 49.6%

HSV

180.5, 64.7%, 73.3%

CMYK

64.7%, 0.5%, 0.0%, 26.7%

OKLCH

0.7238 0.1046 195.9

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#42BABB

#BB4342

Analogous

#42BB7F

#427DBB

#42BABB

Triadic

#42BABB

#BB42BA

#BABB42

Split Complementary

#42BABB

#BB427D

#BB7F42

Tetradic

#42BABB

#7F42BB

#BB4342

#7DBB42

Color Blindness Simulation

Original

#42BABB

Protanopia

#7677BB

Deuteranopia

#6F66BB

Tritanopia

#48BBBB

Achromatopsia

#A1A1A1

CSS Usage

background-color: #42BABB;
color: #42BABB;
border-color: #42BABB;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEC
300
#A5DFDF
400
#74CDCE
500
#43BBBC
600
#359697
700
#2B7879
800
#215E5E
900
#1C4545
950
#112C2C

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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