#6C76AA

#6C76AA

Color Values

HEX

#6C76AA

RGB

108, 118, 170

HSL

230.3, 26.7%, 54.5%

HSV

230.3, 36.5%, 66.7%

CMYK

36.5%, 30.6%, 0.0%, 33.3%

OKLCH

0.5787 0.081 275.2

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#6C76AA

#AAA06C

Analogous

#6C95AA

#816CAA

#6C76AA

Triadic

#6C76AA

#AA6C76

#76AA6C

Split Complementary

#6C76AA

#AA816C

#95AA6C

Tetradic

#6C76AA

#AA6C95

#AAA06C

#6CAA81

Color Blindness Simulation

Original

#6C76AA

Protanopia

#70709D

Deuteranopia

#706F9A

Tritanopia

#6C9391

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D5E5
300
#B1B7D2
400
#8790BA
500
#5D68A2
600
#4B5481
700
#3C4367
800
#2F3451
900
#25293C
950
#171A26

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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