#454468

#454468

Color Values

HEX

#454468

RGB

69, 68, 104

HSL

241.7, 20.9%, 33.7%

HSV

241.7, 34.6%, 40.8%

CMYK

33.7%, 34.6%, 0.0%, 59.2%

OKLCH

0.4037 0.06 284.6

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#454468

#676844

Analogous

#445568

#574468

#454468

Triadic

#454468

#684544

#446845

Split Complementary

#454468

#685744

#556844

Tetradic

#454468

#684455

#676844

#446857

Color Blindness Simulation

Original

#454468

Protanopia

#45455F

Deuteranopia

#45455D

Tritanopia

#455857

Achromatopsia

#474747

CSS Usage

background-color: #454468;
color: #454468;
border-color: #454468;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D4E3
300
#B6B5CF
400
#8E8DB4
500
#66659A
600
#52517B
700
#424163
800
#33324D
900
#28273A
950
#191924

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

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