#434862

#434862

Color Values

HEX

#434862

RGB

67, 72, 98

HSL

230.3, 18.8%, 32.4%

HSV

230.3, 31.6%, 38.4%

CMYK

31.6%, 26.5%, 0.0%, 61.6%

OKLCH

0.4081 0.0442 275.8

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#434862

#625D43

Analogous

#435862

#4E4362

#434862

Triadic

#434862

#624348

#486243

Split Complementary

#434862

#624E43

#586243

Tetradic

#434862

#624358

#625D43

#43624E

Color Blindness Simulation

Original

#434862

Protanopia

#45455C

Deuteranopia

#45445A

Tritanopia

#435756

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEBF0
200
#D5D7E2
300
#B6BACD
400
#8F95B2
500
#686F97
600
#535979
700
#424761
800
#34384C
900
#282B39
950
#191B24

Contrast Checker

Text on white

8.97:1

AA Pass AAA Pass

Text on black

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