#6B9CC7

#6B9CC7

Color Values

HEX

#6B9CC7

RGB

107, 156, 199

HSL

208.0, 45.1%, 60.0%

HSV

208.0, 46.2%, 78.0%

CMYK

46.2%, 21.6%, 0.0%, 22.0%

OKLCH

0.6747 0.0829 245.9

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6B9CC7

#C7966B

Analogous

#6BC7C4

#6B6EC7

#6B9CC7

Triadic

#6B9CC7

#C76B9C

#9CC76B

Split Complementary

#6B9CC7

#C76B6E

#C7C46B

Tetradic

#6B9CC7

#C46BC7

#C7966B

#6EC76B

Color Blindness Simulation

Original

#6B9CC7

Protanopia

#8081BD

Deuteranopia

#7D7ABA

Tritanopia

#6DB4B3

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDCEB
300
#A6C4DD
400
#76A3CB
500
#4683B9
600
#386994
700
#2D5476
800
#23425D
900
#1D3244
950
#121F2B

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.21:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026