#6ABAD8

#6ABAD8

Color Values

HEX

#6ABAD8

RGB

106, 186, 216

HSL

196.4, 58.5%, 63.1%

HSV

196.4, 50.9%, 84.7%

CMYK

50.9%, 13.9%, 0.0%, 15.3%

OKLCH

0.749 0.0896 224.5

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#6ABAD8

#D8886A

Analogous

#6AD8BF

#6A83D8

#6ABAD8

Triadic

#6ABAD8

#D86ABA

#BAD86A

Split Complementary

#6ABAD8

#D86A83

#D8BF6A

Tetradic

#6ABAD8

#BF6AD8

#D8886A

#83D86A

Color Blindness Simulation

Original

#6ABAD8

Protanopia

#8D8DD1

Deuteranopia

#8882CF

Tritanopia

#6ECBCA

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E4F1F6
200
#C6E5F0
300
#9ED2E6
400
#69BAD8
500
#35A1CA
600
#2A81A2
700
#226781
800
#1A5165
900
#173C4A
950
#0E262F

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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