#6DA3F7

#6DA3F7

Color Values

HEX

#6DA3F7

RGB

109, 163, 247

HSL

216.5, 89.6%, 69.8%

HSV

216.5, 55.9%, 96.9%

CMYK

55.9%, 34.0%, 0.0%, 3.1%

OKLCH

0.714 0.1362 258.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#6DA3F7

#F7C16D

Analogous

#6DE8F7

#7C6DF7

#6DA3F7

Triadic

#6DA3F7

#F76DA3

#A3F76D

Split Complementary

#6DA3F7

#F77C6D

#E8F76D

Tetradic

#6DA3F7

#F76DE8

#F7C16D

#6DF77C

Color Blindness Simulation

Original

#6DA3F7

Protanopia

#8485E3

Deuteranopia

#817DDE

Tritanopia

#70D3CF

Achromatopsia

#9E9E9E

CSS Usage

background-color: #6DA3F7;
color: #6DA3F7;
border-color: #6DA3F7;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BBD4FB
300
#8BB6F9
400
#4C8EF5
500
#0D67F2
600
#0B52C1
700
#08429B
800
#073379
900
#092858
950
#061937

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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