#69AFD8

#69AFD8

Color Values

HEX

#69AFD8

RGB

105, 175, 216

HSL

202.2, 58.7%, 62.9%

HSV

202.2, 51.4%, 84.7%

CMYK

51.4%, 19.0%, 0.0%, 15.3%

OKLCH

0.7236 0.0926 235.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#69AFD8

#D89269

Analogous

#69D8C9

#6977D8

#69AFD8

Triadic

#69AFD8

#D869AF

#AFD869

Split Complementary

#69AFD8

#D86977

#D8C969

Tetradic

#69AFD8

#C969D8

#D89269

#77D869

Color Blindness Simulation

Original

#69AFD8

Protanopia

#8788CE

Deuteranopia

#837ECC

Tritanopia

#6CC6C5

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E4EFF6
200
#C6E1F0
300
#9ECBE6
400
#69AFD8
500
#3593CA
600
#2A76A2
700
#225E81
800
#1A4965
900
#17374A
950
#0E232F

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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