#6DA9EB

#6DA9EB

Color Values

HEX

#6DA9EB

RGB

109, 169, 235

HSL

211,4, 75,9%, 67,5%

HSV

211,4, 53,6%, 92,2%

CMYK

53,6%, 28,1%, 0,0%, 7,8%

OKLCH

0,7209 0,1153 251,8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#6DA9EB

#EBAF6D

Analogous

#6DE8EB

#706DEB

#6DA9EB

Triadic

#6DA9EB

#EB6DA9

#A9EB6D

Split Complementary

#6DA9EB

#EB706D

#E8EB6D

Tetradic

#6DA9EB

#EB6DE8

#EBAF6D

#6DEB70

Color Blindness Simulation

Original

#6DA9EB

Protanopia

#8788DB

Deuteranopia

#847FD7

Tritanopia

#70CECC

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C0DAF6
300
#93C0F0
400
#599DE8
500
#1F7BE0
600
#1962B3
700
#144F90
800
#0F3D70
900
#0F2F52
950
#0A1E34

Contrast Checker

Text on white

2,46:1

AA Fail AAA Fail

Text on black

8,53: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