#6396E2

#6396E2

Color Values

HEX

#6396E2

RGB

99, 150, 226

HSL

215.9, 68.6%, 63.7%

HSV

215.9, 56.2%, 88.6%

CMYK

56.2%, 33.6%, 0.0%, 11.4%

OKLCH

0.6703 0.1261 258.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#6396E2

#E2AF63

Analogous

#63D5E2

#6F63E2

#6396E2

Triadic

#6396E2

#E26396

#96E263

Split Complementary

#6396E2

#E26F63

#D5E263

Tetradic

#6396E2

#E263D5

#E2AF63

#63E26F

Color Blindness Simulation

Original

#6396E2

Protanopia

#797AD0

Deuteranopia

#7672CB

Tritanopia

#66C1BE

Achromatopsia

#919191

CSS Usage

background-color: #6396E2;
color: #6396E2;
border-color: #6396E2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EBF8
200
#C3D6F4
300
#98BAEC
400
#6094E1
500
#286ED7
600
#2058AC
700
#1A478A
800
#14376B
900
#132B4E
950
#0C1B31

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

6.99:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026