#6EAFF2

#6EAFF2

Color Values

HEX

#6EAFF2

RGB

110, 175, 242

HSL

210.5, 83.5%, 69.0%

HSV

210.5, 54.5%, 94.9%

CMYK

54.5%, 27.7%, 0.0%, 5.1%

OKLCH

0.7377 0.1184 250.4

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#6EAFF2

#F2B16E

Analogous

#6EF1F2

#6F6EF2

#6EAFF2

Triadic

#6EAFF2

#F26EAF

#AFF26E

Split Complementary

#6EAFF2

#F26F6E

#F1F26E

Tetradic

#6EAFF2

#F26EF1

#F2B16E

#6EF26F

Color Blindness Simulation

Original

#6EAFF2

Protanopia

#8A8BE2

Deuteranopia

#8682DE

Tritanopia

#71D5D2

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDBF9
300
#8FC1F5
400
#529FEF
500
#157EEA
600
#1165BB
700
#0D5096
800
#0B3F75
900
#0C3055
950
#081E36

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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