#618AB5

#618AB5

Color Values

HEX

#618AB5

RGB

97, 138, 181

HSL

210.7, 36.2%, 54.5%

HSV

210.7, 46.4%, 71.0%

CMYK

46.4%, 23.8%, 0.0%, 29.0%

OKLCH

0.6206 0.0797 250.4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#618AB5

#B58C61

Analogous

#61B4B5

#6261B5

#618AB5

Triadic

#618AB5

#B5618A

#8AB561

Split Complementary

#618AB5

#B56261

#B4B561

Tetradic

#618AB5

#B561B4

#B58C61

#61B562

Color Blindness Simulation

Original

#618AB5

Protanopia

#7373AB

Deuteranopia

#706DA8

Tritanopia

#63A2A1

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CEDBE8
300
#ACC1D8
400
#7EA0C3
500
#517EAE
600
#41658B
700
#34516F
800
#293F57
900
#213040
950
#151E29

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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