#6B96DA

#6B96DA

Color Values

HEX

#6B96DA

RGB

107, 150, 218

HSL

216.8, 60.0%, 63.7%

HSV

216.8, 50.9%, 85.5%

CMYK

50.9%, 31.2%, 0.0%, 14.5%

OKLCH

0.6705 0.1121 259.3

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6B96DA

#DAAF6B

Analogous

#6BCDDA

#776BDA

#6B96DA

Triadic

#6B96DA

#DA6B96

#96DA6B

Split Complementary

#6B96DA

#DA776B

#CDDA6B

Tetradic

#6B96DA

#DA6BCD

#DAAF6B

#6BDA77

Color Blindness Simulation

Original

#6B96DA

Protanopia

#7E7ECA

Deuteranopia

#7B78C6

Tritanopia

#6DBDBA

Achromatopsia

#929292

CSS Usage

background-color: #6B96DA;
color: #6B96DA;
border-color: #6B96DA;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FB
100
#E4EBF6
200
#C6D6F1
300
#9DB9E7
400
#6894D9
500
#336ECC
600
#2958A3
700
#214783
800
#1A3766
900
#162B4B
950
#0E1B2F

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.0:1

AA Pass AAA Pass

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