#61748D

#61748D

Color Values

HEX

#61748D

RGB

97, 116, 141

HSL

214.1, 18.5%, 46.7%

HSV

214.1, 31.2%, 55.3%

CMYK

31.2%, 17.7%, 0.0%, 44.7%

OKLCH

0.553 0.0452 255.4

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#61748D

#8D7A61

Analogous

#618A8D

#64618D

#61748D

Triadic

#61748D

#8D6174

#748D61

Split Complementary

#61748D

#8D6461

#8A8D61

Tetradic

#61748D

#8D618A

#8D7A61

#618D64

Color Blindness Simulation

Original

#61748D

Protanopia

#696987

Deuteranopia

#686786

Tritanopia

#628281

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DAE2
300
#B6C0CD
400
#8F9EB2
500
#687C97
600
#536379
700
#435061
800
#343E4C
900
#282F39
950
#1A1E24

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

4.39:1

AA Fail 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