#69BAD9

#69BAD9

Color Values

HEX

#69BAD9

RGB

105, 186, 217

HSL

196.6, 59.6%, 63.1%

HSV

196.6, 51.6%, 85.1%

CMYK

51.6%, 14.3%, 0.0%, 14.9%

OKLCH

0.7489 0.0909 225.0

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#69BAD9

#D98869

Analogous

#69D9C0

#6982D9

#69BAD9

Triadic

#69BAD9

#D969BA

#BAD969

Split Complementary

#69BAD9

#D96982

#D9C069

Tetradic

#69BAD9

#C069D9

#D98869

#82D969

Color Blindness Simulation

Original

#69BAD9

Protanopia

#8C8DD2

Deuteranopia

#8781D0

Tritanopia

#6DCCCA

Achromatopsia

#ABABAB

CSS Usage

background-color: #69BAD9;
color: #69BAD9;
border-color: #69BAD9;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F9FB
100
#E4F1F6
200
#C6E5F1
300
#9DD2E6
400
#68BAD9
500
#34A1CB
600
#2981A3
700
#216782
800
#1A5166
900
#163C4A
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