#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

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026