#6BAFD6

#6BAFD6

Color Values

HEX

#6BAFD6

RGB

107, 175, 214

HSL

201,9, 56,6%, 62,9%

HSV

201,9, 50,0%, 83,9%

CMYK

50,0%, 18,2%, 0,0%, 16,1%

OKLCH

0,7237 0,0894 235,0

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6BAFD6

#D6926B

Analogous

#6BD6C7

#6B79D6

#6BAFD6

Triadic

#6BAFD6

#D66BAF

#AFD66B

Split Complementary

#6BAFD6

#D66B79

#D6C76B

Tetradic

#6BAFD6

#C76BD6

#D6926B

#79D66B

Color Blindness Simulation

Original

#6BAFD6

Protanopia

#8889CD

Deuteranopia

#847FCA

Tritanopia

#6EC5C3

Achromatopsia

#A3A3A3

CSS Usage

background-color: #6BAFD6;
color: #6BAFD6;
border-color: #6BAFD6;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F4F8FB
100
#E5EFF6
200
#C7E1F0
300
#9FCBE4
400
#6BAFD6
500
#3793C8
600
#2C76A0
700
#235E80
800
#1C4964
900
#183749
950
#0F232E

Contrast Checker

Text on white

2,41:1

AA Fail AAA Fail

Text on black

8,73: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