#6B77AF

#6B77AF

Color Values

HEX

#6B77AF

RGB

107, 119, 175

HSL

229.4, 29.8%, 55.3%

HSV

229.4, 38.9%, 68.6%

CMYK

38.9%, 32.0%, 0.0%, 31.4%

OKLCH

0.5826 0.0873 274.1

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#6B77AF

#AFA36B

Analogous

#6B99AF

#816BAF

#6B77AF

Triadic

#6B77AF

#AF6B77

#77AF6B

Split Complementary

#6B77AF

#AF816B

#99AF6B

Tetradic

#6B77AF

#AF6B99

#AFA36B

#6BAF81

Color Blindness Simulation

Original

#6B77AF

Protanopia

#7070A1

Deuteranopia

#706F9E

Tritanopia

#6C9794

Achromatopsia

#787878

CSS Usage

background-color: #6B77AF;
color: #6B77AF;
border-color: #6B77AF;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D4E6
300
#B0B6D4
400
#858EBD
500
#5A67A5
600
#485284
700
#39426A
800
#2D3353
900
#23283D
950
#161927

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

4.88:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026