#6F9AC8

#6F9AC8

Color Values

HEX

#6F9AC8

RGB

111, 154, 200

HSL

211.0, 44.7%, 61.0%

HSV

211.0, 44.5%, 78.4%

CMYK

44.5%, 23.0%, 0.0%, 21.6%

OKLCH

0.673 0.0832 250.8

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6F9AC8

#C89D6F

Analogous

#6FC7C8

#716FC8

#6F9AC8

Triadic

#6F9AC8

#C86F9A

#9AC86F

Split Complementary

#6F9AC8

#C8716F

#C7C86F

Tetradic

#6F9AC8

#C86FC7

#C89D6F

#6FC871

Color Blindness Simulation

Original

#6F9AC8

Protanopia

#8282BD

Deuteranopia

#7F7CBA

Tritanopia

#71B4B2

Achromatopsia

#949494

CSS Usage

background-color: #6F9AC8;
color: #6F9AC8;
border-color: #6F9AC8;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDBEB
300
#A6C1DD
400
#769FCB
500
#477EB8
600
#386494
700
#2D5076
800
#233F5C
900
#1D3044
950
#121E2B

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

7.13:1

AA Pass AAA Pass

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