#6BA3D8

#6BA3D8

Color Values

HEX

#6BA3D8

RGB

107, 163, 216

HSL

209.2, 58.3%, 63.3%

HSV

209.2, 50.5%, 84.7%

CMYK

50.5%, 24.5%, 0.0%, 15.3%

OKLCH

0.6979 0.0981 248.1

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6BA3D8

#D8A06B

Analogous

#6BD8D7

#6B6CD8

#6BA3D8

Triadic

#6BA3D8

#D86BA3

#A3D86B

Split Complementary

#6BA3D8

#D86B6C

#D8D76B

Tetradic

#6BA3D8

#D76BD8

#D8A06B

#6CD86B

Color Blindness Simulation

Original

#6BA3D8

Protanopia

#8384CB

Deuteranopia

#807CC8

Tritanopia

#6EC1BF

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4EDF6
200
#C6DCF0
300
#9EC3E5
400
#6AA2D8
500
#3581CA
600
#2B68A1
700
#225381
800
#1B4165
900
#17314A
950
#0F1F2F

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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