#6398DF

#6398DF

Color Values

HEX

#6398DF

RGB

99, 152, 223

HSL

214.4, 66.0%, 63.1%

HSV

214.4, 55.6%, 87.5%

CMYK

55.6%, 31.8%, 0.0%, 12.5%

OKLCH

0.6731 0.1202 256.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6398DF

#DFAA63

Analogous

#63D6DF

#6C63DF

#6398DF

Triadic

#6398DF

#DF6398

#98DF63

Split Complementary

#6398DF

#DF6C63

#D6DF63

Tetradic

#6398DF

#DF63D6

#DFAA63

#63DF6C

Color Blindness Simulation

Original

#6398DF

Protanopia

#7A7ACE

Deuteranopia

#7773CA

Tritanopia

#66C0BD

Achromatopsia

#929292

CSS Usage

background-color: #6398DF;
color: #6398DF;
border-color: #6398DF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D8F3
300
#99BCEA
400
#6298DF
500
#2B73D4
600
#235CA9
700
#1C4A87
800
#163A6A
900
#142C4D
950
#0C1C31

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

7.09:1

AA Pass AAA Pass

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