#6C9DEF

#6C9DEF

Color Values

HEX

#6C9DEF

RGB

108, 157, 239

HSL

217.6, 80.4%, 68.0%

HSV

217.6, 54.8%, 93.7%

CMYK

54.8%, 34.3%, 0.0%, 6.3%

OKLCH

0.6967 0.1323 260.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#6C9DEF

#EFBE6C

Analogous

#6CDEEF

#7C6CEF

#6C9DEF

Triadic

#6C9DEF

#EF6C9D

#9DEF6C

Split Complementary

#6C9DEF

#EF7C6C

#DEEF6C

Tetradic

#6C9DEF

#EF6CDE

#EFBE6C

#6CEF7C

Color Blindness Simulation

Original

#6C9DEF

Protanopia

#8182DB

Deuteranopia

#7E7BD6

Tritanopia

#6ECBC8

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EAF9
200
#BFD4F8
300
#91B5F3
400
#558DED
500
#1966E6
600
#1451B8
700
#104193
800
#0C3373
900
#0D2854
950
#081935

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026