#6D77F6

#6D77F6

Color Values

HEX

#6D77F6

RGB

109, 119, 246

HSL

235.6, 88.4%, 69.6%

HSV

235.6, 55.7%, 96.5%

CMYK

55.7%, 51.6%, 0.0%, 3.5%

OKLCH

0.626 0.1871 276.2

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#6D77F6

#F6EC6D

Analogous

#6DBCF6

#A76DF6

#6D77F6

Triadic

#6D77F6

#F66D77

#77F66D

Split Complementary

#6D77F6

#F6A76D

#BCF66D

Tetradic

#6D77F6

#F66DBC

#F6EC6D

#6DF6A7

Color Blindness Simulation

Original

#6D77F6

Protanopia

#7171D7

Deuteranopia

#7170D0

Tritanopia

#6EBFBA

Achromatopsia

#7E7E7E

CSS Usage

background-color: #6D77F6;
color: #6D77F6;
border-color: #6D77F6;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E2FB
200
#BCC0FB
300
#8C94F8
400
#4D59F4
500
#0F1FF0
600
#0C19C0
700
#09149A
800
#071078
900
#0A1057
950
#060A37

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

5.62:1

AA Pass AAA Fail

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