#63708F

#63708F

Color Values

HEX

#63708F

RGB

99, 112, 143

HSL

222,3, 18,2%, 47,5%

HSV

222,3, 30,8%, 56,1%

CMYK

30,8%, 21,7%, 0,0%, 43,9%

OKLCH

0,5463 0,0511 267,0

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#63708F

#8F8263

Analogous

#63868F

#6C638F

#63708F

Triadic

#63708F

#8F6370

#708F63

Split Complementary

#63708F

#8F6C63

#868F63

Tetradic

#63708F

#8F6386

#8F8263

#638F6C

Color Blindness Simulation

Original

#63708F

Protanopia

#696988

Deuteranopia

#686786

Tritanopia

#648280

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D5D9E2
300
#B7BDCD
400
#8F9AB2
500
#687697
600
#535E79
700
#434C60
800
#343B4B
900
#292D38
950
#1A1D24

Contrast Checker

Text on white

4,95:1

AA Pass AAA Fail

Text on black

4,24:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026