#627484

#627484

Color Values

HEX

#627484

RGB

98, 116, 132

HSL

208.2, 14.8%, 45.1%

HSV

208.2, 25.8%, 51.8%

CMYK

25.8%, 12.1%, 0.0%, 48.2%

OKLCH

0.5501 0.0329 245.3

Properties

Cool Dark Nearest: lightsteelblue 4

Color Harmonies

Complementary

#627484

#847262

Analogous

#628483

#626384

#627484

Triadic

#627484

#846274

#748462

Split Complementary

#627484

#846263

#848362

Tetradic

#627484

#836284

#847262

#638462

Color Blindness Simulation

Original

#627484

Protanopia

#6A6A80

Deuteranopia

#69677F

Tritanopia

#637D7C

Achromatopsia

#717171

CSS Usage

background-color: #627484;
color: #627484;
border-color: #627484;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DCE1
300
#B9C2CB
400
#93A1AF
500
#6D8192
600
#576775
700
#46525E
800
#364049
900
#2A3137
950
#1B1F23

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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