#6AAFD7

#6AAFD7

Color Values

HEX

#6AAFD7

RGB

106, 175, 215

HSL

202.0, 57.7%, 62.9%

HSV

202.0, 50.7%, 84.3%

CMYK

50.7%, 18.6%, 0.0%, 15.7%

OKLCH

0.7237 0.091 235.4

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6AAFD7

#D7926A

Analogous

#6AD7C8

#6A78D7

#6AAFD7

Triadic

#6AAFD7

#D76AAF

#AFD76A

Split Complementary

#6AAFD7

#D76A78

#D7C86A

Tetradic

#6AAFD7

#C86AD7

#D7926A

#78D76A

Color Blindness Simulation

Original

#6AAFD7

Protanopia

#8888CD

Deuteranopia

#847FCB

Tritanopia

#6DC6C4

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E4EFF6
200
#C7E1F0
300
#9ECBE5
400
#6AAFD7
500
#3693C9
600
#2B76A1
700
#235E81
800
#1B4A65
900
#17374A
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

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