#434256

#434256

Color Values

HEX

#434256

RGB

67, 66, 86

HSL

243.0, 13.2%, 29.8%

HSV

243.0, 23.3%, 33.7%

CMYK

22.1%, 23.3%, 0.0%, 66.3%

OKLCH

0.3882 0.0337 287.0

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#434256

#555642

Analogous

#424B56

#4D4256

#434256

Triadic

#434256

#564342

#425643

Split Complementary

#434256

#564D42

#4B5642

Tetradic

#434256

#56424B

#555642

#42564D

Color Blindness Simulation

Original

#434256

Protanopia

#434351

Deuteranopia

#434350

Tritanopia

#434D4C

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EBEBEF
200
#D7D7E0
300
#BBBACA
400
#9594AD
500
#706F90
600
#5A5973
700
#48475C
800
#383748
900
#2B2B36
950
#1B1B22

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

2.15:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026