#6B9FD1

#6B9FD1

Color Values

HEX

#6B9FD1

RGB

107, 159, 209

HSL

209.4, 52.6%, 62.0%

HSV

209.4, 48.8%, 82.0%

CMYK

48.8%, 23.9%, 0.0%, 18.0%

OKLCH

0.6858 0.0927 248.4

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6B9FD1

#D19D6B

Analogous

#6BD1D0

#6B6CD1

#6B9FD1

Triadic

#6B9FD1

#D16B9F

#9FD16B

Split Complementary

#6B9FD1

#D16B6C

#D1D06B

Tetradic

#6B9FD1

#D06BD1

#D19D6B

#6CD16B

Color Blindness Simulation

Original

#6B9FD1

Protanopia

#8282C5

Deuteranopia

#7E7BC2

Tritanopia

#6EBBB9

Achromatopsia

#989898

CSS Usage

background-color: #6B9FD1;
color: #6B9FD1;
border-color: #6B9FD1;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DCEE
300
#A2C2E2
400
#6FA2D2
500
#3C81C3
600
#30679C
700
#27527D
800
#1E4061
900
#1A3147
950
#101F2D

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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