#67679B

#67679B

Color Values

HEX

#67679B

RGB

103, 103, 155

HSL

240.0, 20.6%, 50.6%

HSV

240.0, 33.5%, 60.8%

CMYK

33.5%, 33.5%, 0.0%, 39.2%

OKLCH

0.5356 0.0809 283.3

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#67679B

#9B9B67

Analogous

#67819B

#81679B

#67679B

Triadic

#67679B

#9B6767

#679B67

Split Complementary

#67679B

#9B8167

#819B67

Tetradic

#67679B

#9B6781

#9B9B67

#679B81

Color Blindness Simulation

Original

#67679B

Protanopia

#67678E

Deuteranopia

#67678B

Tritanopia

#678482

Achromatopsia

#6B6B6B

CSS Usage

background-color: #67679B;
color: #67679B;
border-color: #67679B;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D4E3
300
#B5B5CE
400
#8D8DB4
500
#65659A
600
#51517B
700
#414162
800
#33334D
900
#272739
950
#191924

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026