#6395DF

#6395DF

Color Values

HEX

#6395DF

RGB

99, 149, 223

HSL

215.8, 66.0%, 63.1%

HSV

215.8, 55.6%, 87.5%

CMYK

55.6%, 33.2%, 0.0%, 12.5%

OKLCH

0.6666 0.1232 258.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#6395DF

#DFAD63

Analogous

#63D3DF

#6F63DF

#6395DF

Triadic

#6395DF

#DF6395

#95DF63

Split Complementary

#6395DF

#DF6F63

#D3DF63

Tetradic

#6395DF

#DF63D3

#DFAD63

#63DF6F

Color Blindness Simulation

Original

#6395DF

Protanopia

#7979CD

Deuteranopia

#7672C9

Tritanopia

#66BFBC

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EBF7
200
#C4D7F3
300
#99BAEA
400
#6295DF
500
#2B6FD4
600
#2359A9
700
#1C4787
800
#16386A
900
#142B4D
950
#0C1B31

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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