#6BA1C7

#6BA1C7

Color Values

HEX

#6BA1C7

RGB

107, 161, 199

HSL

204.8, 45.1%, 60.0%

HSV

204.8, 46.2%, 78.0%

CMYK

46.2%, 19.1%, 0.0%, 22.0%

OKLCH

0.6859 0.0802 240.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6BA1C7

#C7916B

Analogous

#6BC7BF

#6B73C7

#6BA1C7

Triadic

#6BA1C7

#C76BA1

#A1C76B

Split Complementary

#6BA1C7

#C76B73

#C7BF6B

Tetradic

#6BA1C7

#BF6BC7

#C7916B

#73C76B

Color Blindness Simulation

Original

#6BA1C7

Protanopia

#8283BE

Deuteranopia

#7F7BBC

Tritanopia

#6EB7B5

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEB
300
#A6C7DD
400
#76A8CB
500
#4689B9
600
#386E94
700
#2D5876
800
#23455D
900
#1D3444
950
#12212B

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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