#6BACD7

#6BACD7

Color Values

HEX

#6BACD7

RGB

107, 172, 215

HSL

203.9, 57.4%, 63.1%

HSV

203.9, 50.2%, 84.3%

CMYK

50.2%, 20.0%, 0.0%, 15.7%

OKLCH

0.7174 0.0916 238.8

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6BACD7

#D7966B

Analogous

#6BD7CC

#6B76D7

#6BACD7

Triadic

#6BACD7

#D76BAC

#ACD76B

Split Complementary

#6BACD7

#D76B76

#D7CC6B

Tetradic

#6BACD7

#CC6BD7

#D7966B

#76D76B

Color Blindness Simulation

Original

#6BACD7

Protanopia

#8788CD

Deuteranopia

#837ECA

Tritanopia

#6EC4C3

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E4EFF6
200
#C7DFF0
300
#9FC9E5
400
#6AACD7
500
#368EC9
600
#2B72A1
700
#235B80
800
#1B4764
900
#173649
950
#0F222E

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026