#638EB4

#638EB4

Color Values

HEX

#638EB4

RGB

99, 142, 180

HSL

208.1, 35.1%, 54.7%

HSV

208.1, 45.0%, 70.6%

CMYK

45.0%, 21.1%, 0.0%, 29.4%

OKLCH

0.6304 0.0745 246.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#638EB4

#B48963

Analogous

#63B4B1

#6366B4

#638EB4

Triadic

#638EB4

#B4638E

#8EB463

Split Complementary

#638EB4

#B46366

#B4B163

Tetradic

#638EB4

#B163B4

#B48963

#66B463

Color Blindness Simulation

Original

#638EB4

Protanopia

#7676AB

Deuteranopia

#7370A9

Tritanopia

#65A4A2

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDCE8
300
#ACC3D7
400
#80A3C2
500
#5382AC
600
#42688A
700
#35536E
800
#294156
900
#213140
950
#151F28

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.06:1

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