#60948F

#60948F

Color Values

HEX

#60948F

RGB

96, 148, 143

HSL

174.2, 21.3%, 47.8%

HSV

174.2, 35.1%, 58.0%

CMYK

35.1%, 0.0%, 3.4%, 42.0%

OKLCH

0.6285 0.0561 188.2

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#60948F

#946065

Analogous

#609475

#607F94

#60948F

Triadic

#60948F

#8F6094

#948F60

Split Complementary

#60948F

#94607F

#947560

Tetradic

#60948F

#756094

#946065

#7F9460

Color Blindness Simulation

Original

#60948F

Protanopia

#777790

Deuteranopia

#747090

Tritanopia

#639191

Achromatopsia

#898989

CSS Usage

background-color: #60948F;
color: #60948F;
border-color: #60948F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D4E3E1
300
#B5CFCC
400
#8DB5B1
500
#649B95
600
#507C78
700
#406360
800
#324D4B
900
#273A38
950
#192423

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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