#6AAAED

#6AAAED

Color Values

HEX

#6AAAED

RGB

106, 170, 237

HSL

210,7, 78,4%, 67,3%

HSV

210,7, 55,3%, 92,9%

CMYK

55,3%, 28,3%, 0,0%, 7,1%

OKLCH

0,7225 0,1184 250,8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#6AAAED

#EDAD6A

Analogous

#6AEBED

#6C6AED

#6AAAED

Triadic

#6AAAED

#ED6AAA

#AAED6A

Split Complementary

#6AAAED

#ED6C6A

#EBED6A

Tetradic

#6AAAED

#ED6AEB

#EDAD6A

#6AED6C

Color Blindness Simulation

Original

#6AAAED

Protanopia

#8686DD

Deuteranopia

#827DD9

Tritanopia

#6DD0CD

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDBF7
300
#92C1F2
400
#579FEB
500
#1C7DE3
600
#1664B6
700
#125092
800
#0E3F72
900
#0E3053
950
#091E34

Contrast Checker

Text on white

2,45:1

AA Fail AAA Fail

Text on black

8,59:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026