#616F87

#616F87

Color Values

HEX

#616F87

RGB

97, 111, 135

HSL

217.9, 16.4%, 45.5%

HSV

217.9, 28.1%, 52.9%

CMYK

28.1%, 17.8%, 0.0%, 47.1%

OKLCH

0.5391 0.0414 261.2

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#616F87

#877961

Analogous

#618287

#666187

#616F87

Triadic

#616F87

#87616F

#6F8761

Split Complementary

#616F87

#876661

#828761

Tetradic

#616F87

#876182

#877961

#618766

Color Blindness Simulation

Original

#616F87

Protanopia

#676781

Deuteranopia

#666580

Tritanopia

#627D7C

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D5DAE1
300
#B8BFCC
400
#919DB0
500
#6B7A94
600
#556277
700
#444E5F
800
#353D4A
900
#292F38
950
#1A1D23

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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