#434667

#434667

Color Values

HEX

#434667

RGB

67, 70, 103

HSL

235.0, 21.2%, 33.3%

HSV

235.0, 35.0%, 40.4%

CMYK

35.0%, 32.0%, 0.0%, 59.6%

OKLCH

0.406 0.0554 279.6

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#434667

#676443

Analogous

#435867

#524367

#434667

Triadic

#434667

#674346

#466743

Split Complementary

#434667

#675243

#586743

Tetradic

#434667

#674358

#676443

#436752

Color Blindness Simulation

Original

#434667

Protanopia

#44445F

Deuteranopia

#44445D

Tritanopia

#435957

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D5E3
300
#B5B7CF
400
#8D90B5
500
#64699B
600
#50547C
700
#404363
800
#32344D
900
#27293A
950
#191A24

Contrast Checker

Text on white

9.09:1

AA Pass AAA Pass

Text on black

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