#6EA0DF

#6EA0DF

Color Values

HEX

#6EA0DF

RGB

110, 160, 223

HSL

213.5, 63.8%, 65.3%

HSV

213.5, 50.7%, 87.5%

CMYK

50.7%, 28.3%, 0.0%, 12.5%

OKLCH

0.6962 0.1077 254.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#6EA0DF

#DFAD6E

Analogous

#6ED8DF

#756EDF

#6EA0DF

Triadic

#6EA0DF

#DF6EA0

#A0DF6E

Split Complementary

#6EA0DF

#DF756E

#D8DF6E

Tetradic

#6EA0DF

#DF6ED8

#DFAD6E

#6EDF75

Color Blindness Simulation

Original

#6EA0DF

Protanopia

#8484D0

Deuteranopia

#817DCC

Tritanopia

#70C4C1

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E3ECF7
200
#C5D9F2
300
#9BBDE9
400
#649ADD
500
#2E76D1
600
#255EA7
700
#1E4C86
800
#173B68
900
#152D4C
950
#0D1D30

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

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