#463D52

#463D52

Color Values

HEX

#463D52

RGB

70, 61, 82

HSL

265,7, 14,7%, 28,0%

HSV

265,7, 25,6%, 32,2%

CMYK

14,6%, 25,6%, 0,0%, 67,8%

OKLCH

0,3778 0,037 304,2

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#463D52

#49523D

Analogous

#3D3E52

#503D52

#463D52

Triadic

#463D52

#52463D

#3D5246

Split Complementary

#463D52

#52503D

#3E523D

Tetradic

#463D52

#523D3E

#49523D

#3D5250

Color Blindness Simulation

Original

#463D52

Protanopia

#42424D

Deuteranopia

#43434C

Tritanopia

#464948

Achromatopsia

#404040

CSS Usage

background-color: #463D52;
color: #463D52;
border-color: #463D52;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E1
300
#C1B9CB
400
#9F93AF
500
#7D6D92
600
#645775
700
#50465E
800
#3E3649
900
#302A37
950
#1E1B23

Contrast Checker

Text on white

10,25:1

AA Pass AAA Pass

Text on black

2,05: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