#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