#6F83BC

#6F83BC

Color Values

HEX

#6F83BC

RGB

111, 131, 188

HSL

224.4, 36.5%, 58.6%

HSV

224.4, 41.0%, 73.7%

CMYK

41.0%, 30.3%, 0.0%, 26.3%

OKLCH

0.6174 0.0899 268.9

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6F83BC

#BCA86F

Analogous

#6FA9BC

#816FBC

#6F83BC

Triadic

#6F83BC

#BC6F83

#83BC6F

Split Complementary

#6F83BC

#BC816F

#A9BC6F

Tetradic

#6F83BC

#BC6FA9

#BCA86F

#6FBC81

Color Blindness Simulation

Original

#6F83BC

Protanopia

#7878AE

Deuteranopia

#7675AB

Tritanopia

#70A3A1

Achromatopsia

#838383

CSS Usage

background-color: #6F83BC;
color: #6F83BC;
border-color: #6F83BC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F6FA
100
#E8EAF3
200
#CED5E8
300
#ABB7D8
400
#7E90C3
500
#5169AE
600
#41548B
700
#34436F
800
#283557
900
#212940
950
#151A29

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026