#6B7DA3

#6B7DA3

Color Values

HEX

#6B7DA3

RGB

107, 125, 163

HSL

220.7, 23.3%, 52.9%

HSV

220.7, 34.4%, 63.9%

CMYK

34.4%, 23.3%, 0.0%, 36.1%

OKLCH

0.5899 0.0623 264.9

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#6B7DA3

#A3916B

Analogous

#6B99A3

#756BA3

#6B7DA3

Triadic

#6B7DA3

#A36B7D

#7DA36B

Split Complementary

#6B7DA3

#A3756B

#99A36B

Tetradic

#6B7DA3

#A36B99

#A3916B

#6BA375

Color Blindness Simulation

Original

#6B7DA3

Protanopia

#73739A

Deuteranopia

#727098

Tritanopia

#6C9391

Achromatopsia

#7C7C7C

CSS Usage

background-color: #6B7DA3;
color: #6B7DA3;
border-color: #6B7DA3;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAECF1
200
#D3D8E4
300
#B4BDD0
400
#8B99B7
500
#62759D
600
#4E5E7E
700
#3F4B65
800
#313A4F
900
#262D3B
950
#181C25

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026