#676FAA

#676FAA

Color Values

HEX

#676FAA

RGB

103, 111, 170

HSL

232.8, 28.3%, 53.5%

HSV

232.8, 39.4%, 66.7%

CMYK

39.4%, 34.7%, 0.0%, 33.3%

OKLCH

0.5601 0.0918 277.1

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#676FAA

#AAA267

Analogous

#6790AA

#8067AA

#676FAA

Triadic

#676FAA

#AA676F

#6FAA67

Split Complementary

#676FAA

#AA8067

#90AA67

Tetradic

#676FAA

#AA6790

#AAA267

#67AA80

Color Blindness Simulation

Original

#676FAA

Protanopia

#6A6B9C

Deuteranopia

#6A6998

Tritanopia

#67908E

Achromatopsia

#727272

CSS Usage

background-color: #676FAA;
color: #676FAA;
border-color: #676FAA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D1D4E5
300
#B0B5D3
400
#868CBB
500
#5B64A4
600
#495083
700
#3B4069
800
#2E3252
900
#24273D
950
#171926

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

AA Fail 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