#6AC0FD

#6AC0FD

Color Values

HEX

#6AC0FD

RGB

106, 192, 253

HSL

204.9, 97.4%, 70.4%

HSV

204.9, 58.1%, 99.2%

CMYK

58.1%, 24.1%, 0.0%, 0.8%

OKLCH

0.7781 0.121 241.5

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#6AC0FD

#FDA76A

Analogous

#6AFDF1

#6A77FD

#6AC0FD

Triadic

#6AC0FD

#FD6AC0

#C0FD6A

Split Complementary

#6AC0FD

#FD6A77

#FDF16A

Tetradic

#6AC0FD

#F16AFD

#FDA76A

#77FD6A

Color Blindness Simulation

Original

#6AC0FD

Protanopia

#8F90EE

Deuteranopia

#8A84EB

Tritanopia

#6EE3E0

Achromatopsia

#B2B2B2

CSS Usage

background-color: #6AC0FD;
color: #6AC0FD;
border-color: #6AC0FD;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1F8FE
100
#DEF0FC
200
#B9E1FE
300
#86CCFD
400
#45B0FD
500
#0395FC
600
#0377C9
700
#025FA1
800
#024A7E
900
#06385B
950
#042339

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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