#464567

#464567

Color Values

HEX

#464567

RGB

70, 69, 103

HSL

241.8, 19.8%, 33.7%

HSV

241.8, 33.0%, 40.4%

CMYK

32.0%, 33.0%, 0.0%, 59.6%

OKLCH

0.4063 0.0566 284.9

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#464567

#666745

Analogous

#455567

#574567

#464567

Triadic

#464567

#674645

#456746

Split Complementary

#464567

#675745

#556745

Tetradic

#464567

#674555

#666745

#456757

Color Blindness Simulation

Original

#464567

Protanopia

#46465F

Deuteranopia

#46465D

Tritanopia

#465857

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D5D4E2
300
#B6B6CE
400
#8F8EB3
500
#686699
600
#53527A
700
#424162
800
#34334C
900
#282839
950
#191924

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

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