#618EAB

#618EAB

Color Values

HEX

#618EAB

RGB

97, 142, 171

HSL

203.5, 30.6%, 52.5%

HSV

203.5, 43.3%, 67.1%

CMYK

43.3%, 17.0%, 0.0%, 32.9%

OKLCH

0.6254 0.0658 237.5

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#618EAB

#AB7E61

Analogous

#61ABA3

#6169AB

#618EAB

Triadic

#618EAB

#AB618E

#8EAB61

Split Complementary

#618EAB

#AB6169

#ABA361

Tetradic

#618EAB

#A361AB

#AB7E61

#69AB61

Color Blindness Simulation

Original

#618EAB

Protanopia

#7475A4

Deuteranopia

#726EA2

Tritanopia

#639E9D

Achromatopsia

#878787

CSS Usage

background-color: #618EAB;
color: #618EAB;
border-color: #618EAB;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D0DEE6
300
#AFC6D5
400
#84A7BE
500
#5888A7
600
#476D85
700
#39576B
800
#2C4453
900
#23333E
950
#162027

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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