#6ABEFD

#6ABEFD

Color Values

HEX

#6ABEFD

RGB

106, 190, 253

HSL

205.7, 97.4%, 70.4%

HSV

205.7, 58.1%, 99.2%

CMYK

58.1%, 24.9%, 0.0%, 0.8%

OKLCH

0.7737 0.1222 242.9

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#6ABEFD

#FDA96A

Analogous

#6AFDF3

#6A75FD

#6ABEFD

Triadic

#6ABEFD

#FD6ABE

#BEFD6A

Split Complementary

#6ABEFD

#FD6A75

#FDF36A

Tetradic

#6ABEFD

#F36AFD

#FDA96A

#75FD6A

Color Blindness Simulation

Original

#6ABEFD

Protanopia

#8E8FEE

Deuteranopia

#8A83EA

Tritanopia

#6EE2DF

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B9E0FE
300
#86CAFD
400
#45AEFD
500
#0391FC
600
#0374C9
700
#025DA1
800
#02497E
900
#06375B
950
#042239

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026