#676F98

#676F98

Color Values

HEX

#676F98

RGB

103, 111, 152

HSL

230.2, 19.2%, 50.0%

HSV

230.2, 32.2%, 59.6%

CMYK

32.2%, 27.0%, 0.0%, 40.4%

OKLCH

0.5512 0.0646 275.6

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#676F98

#989067

Analogous

#678798

#786798

#676F98

Triadic

#676F98

#98676F

#6F9867

Split Complementary

#676F98

#987867

#879867

Tetradic

#676F98

#986787

#989067

#679878

Color Blindness Simulation

Original

#676F98

Protanopia

#6A6B8E

Deuteranopia

#6A698C

Tritanopia

#678685

Achromatopsia

#707070

CSS Usage

background-color: #676F98;
color: #676F98;
border-color: #676F98;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAEBF0
200
#D4D7E2
300
#B6BACE
400
#8F94B3
500
#676F98
600
#52597A
700
#424761
800
#34384C
900
#282B39
950
#191B24

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3:1

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