#6FACE2

#6FACE2

Color Values

HEX

#6FACE2

RGB

111, 172, 226

HSL

208,2, 66,5%, 66,1%

HSV

208,2, 50,9%, 88,6%

CMYK

50,9%, 23,9%, 0,0%, 11,4%

OKLCH

0,7243 0,1013 246,5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#6FACE2

#E2A56F

Analogous

#6FE2DF

#6F73E2

#6FACE2

Triadic

#6FACE2

#E26FAC

#ACE26F

Split Complementary

#6FACE2

#E26F73

#E2DF6F

Tetradic

#6FACE2

#DF6FE2

#E2A56F

#73E26F

Color Blindness Simulation

Original

#6FACE2

Protanopia

#898AD5

Deuteranopia

#8681D2

Tritanopia

#72CBC8

Achromatopsia

#A3A3A3

CSS Usage

background-color: #6FACE2;
color: #6FACE2;
border-color: #6FACE2;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DDF3
300
#99C4EA
400
#62A4DF
500
#2B85D4
600
#226AAA
700
#1B5588
800
#15426A
900
#13324D
950
#0C2031

Contrast Checker

Text on white

2,42:1

AA Fail AAA Fail

Text on black

8,68:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026