#618DAA

#618DAA

Color Values

HEX

#618DAA

RGB

97, 141, 170

HSL

203.8, 30.0%, 52.4%

HSV

203.8, 42.9%, 66.7%

CMYK

42.9%, 17.1%, 0.0%, 33.3%

OKLCH

0.6226 0.0652 238.1

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#618DAA

#AA7E61

Analogous

#61AAA3

#6169AA

#618DAA

Triadic

#618DAA

#AA618D

#8DAA61

Split Complementary

#618DAA

#AA6169

#AAA361

Tetradic

#618DAA

#A361AA

#AA7E61

#69AA61

Color Blindness Simulation

Original

#618DAA

Protanopia

#7474A3

Deuteranopia

#726EA1

Tritanopia

#639D9C

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D1DEE6
300
#AFC6D4
400
#84A6BD
500
#5987A6
600
#476C85
700
#39576A
800
#2D4453
900
#23333E
950
#162027

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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