#6F84BC

#6F84BC

Color Values

HEX

#6F84BC

RGB

111, 132, 188

HSL

223.6, 36.5%, 58.6%

HSV

223.6, 41.0%, 73.7%

CMYK

41.0%, 29.8%, 0.0%, 26.3%

OKLCH

0.6195 0.0887 268.0

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6F84BC

#BCA76F

Analogous

#6FAABC

#806FBC

#6F84BC

Triadic

#6F84BC

#BC6F84

#84BC6F

Split Complementary

#6F84BC

#BC806F

#AABC6F

Tetradic

#6F84BC

#BC6FAA

#BCA76F

#6FBC80

Color Blindness Simulation

Original

#6F84BC

Protanopia

#7878AE

Deuteranopia

#7775AB

Tritanopia

#70A4A1

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EBF3
200
#CED5E8
300
#ABB8D8
400
#7E91C3
500
#516AAE
600
#41558B
700
#34446F
800
#283557
900
#212940
950
#151A29

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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