#6FA2EE

#6FA2EE

Color Values

HEX

#6FA2EE

RGB

111, 162, 238

HSL

215.9, 78.9%, 68.4%

HSV

215.9, 53.4%, 93.3%

CMYK

53.4%, 31.9%, 0.0%, 6.7%

OKLCH

0.7083 0.1247 258.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#6FA2EE

#EEBB6F

Analogous

#6FE1EE

#7B6FEE

#6FA2EE

Triadic

#6FA2EE

#EE6FA2

#A2EE6F

Split Complementary

#6FA2EE

#EE7B6F

#E1EE6F

Tetradic

#6FA2EE

#EE6FE1

#EEBB6F

#6FEE7B

Color Blindness Simulation

Original

#6FA2EE

Protanopia

#8586DC

Deuteranopia

#827ED7

Tritanopia

#72CDCA

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1EBF9
200
#BFD6F7
300
#92B8F2
400
#5692EB
500
#1B6CE4
600
#1656B6
700
#114592
800
#0D3672
900
#0E2A53
950
#091A34

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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