#618195

#618195

Color Values

HEX

#618195

RGB

97, 129, 149

HSL

203.1, 21.1%, 48.2%

HSV

203.1, 34.9%, 58.4%

CMYK

34.9%, 13.4%, 0.0%, 41.6%

OKLCH

0.5863 0.0476 236.1

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#618195

#957561

Analogous

#61958F

#616795

#618195

Triadic

#618195

#956181

#819561

Split Complementary

#618195

#956167

#958F61

Tetradic

#618195

#8F6195

#957561

#679561

Color Blindness Simulation

Original

#618195

Protanopia

#6F6F90

Deuteranopia

#6D6B8F

Tritanopia

#638C8C

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C5CF
400
#8DA5B5
500
#65869A
600
#506B7C
700
#405663
800
#32434D
900
#27333A
950
#192024

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026