#6AAFD8

#6AAFD8

Color Values

HEX

#6AAFD8

RGB

106, 175, 216

HSL

202.4, 58.5%, 63.1%

HSV

202.4, 50.9%, 84.7%

CMYK

50.9%, 19.0%, 0.0%, 15.3%

OKLCH

0.7241 0.092 236.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6AAFD8

#D8936A

Analogous

#6AD8CA

#6A78D8

#6AAFD8

Triadic

#6AAFD8

#D86AAF

#AFD86A

Split Complementary

#6AAFD8

#D86A78

#D8CA6A

Tetradic

#6AAFD8

#CA6AD8

#D8936A

#78D86A

Color Blindness Simulation

Original

#6AAFD8

Protanopia

#8888CE

Deuteranopia

#847FCC

Tritanopia

#6DC6C5

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026