#6F9CD3

#6F9CD3

Color Values

HEX

#6F9CD3

RGB

111, 156, 211

HSL

213.0, 53.2%, 63.1%

HSV

213.0, 47.4%, 82.7%

CMYK

47.4%, 26.1%, 0.0%, 17.3%

OKLCH

0.6824 0.0954 254.0

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#6F9CD3

#D3A66F

Analogous

#6FCED3

#746FD3

#6F9CD3

Triadic

#6F9CD3

#D36F9C

#9CD36F

Split Complementary

#6F9CD3

#D3746F

#CED36F

Tetradic

#6F9CD3

#D36FCE

#D3A66F

#6FD374

Color Blindness Simulation

Original

#6F9CD3

Protanopia

#8283C6

Deuteranopia

#807CC2

Tritanopia

#71BBB9

Achromatopsia

#969696

CSS Usage

background-color: #6F9CD3;
color: #6F9CD3;
border-color: #6F9CD3;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8D9EE
300
#A1BFE2
400
#6E9CD3
500
#3C79C3
600
#30619C
700
#264D7D
800
#1E3C62
900
#192E48
950
#101D2D

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.37:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026