#42918C

#42918C

Color Values

HEX

#42918C

RGB

66, 145, 140

HSL

176.2, 37.4%, 41.4%

HSV

176.2, 54.5%, 56.9%

CMYK

54.5%, 0.0%, 3.4%, 43.1%

OKLCH

0.6059 0.0778 189.7

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#42918C

#914247

Analogous

#429165

#426F91

#42918C

Triadic

#42918C

#8C4291

#918C42

Split Complementary

#42918C

#91426F

#916542

Tetradic

#42918C

#654291

#914247

#6F9142

Color Blindness Simulation

Original

#42918C

Protanopia

#64658D

Deuteranopia

#605A8E

Tritanopia

#468E8E

Achromatopsia

#808080

CSS Usage

background-color: #42918C;
color: #42918C;
border-color: #42918C;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CEE9E7
300
#ABD9D6
400
#7DC4BF
500
#50AFA9
600
#408C87
700
#33706C
800
#285855
900
#20413F
950
#142928

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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