#43356F

#43356F

Color Values

HEX

#43356F

RGB

67, 53, 111

HSL

254.5, 35.4%, 32.2%

HSV

254.5, 52.3%, 43.5%

CMYK

39.6%, 52.3%, 0.0%, 56.5%

OKLCH

0.3742 0.0966 292.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#43356F

#616F35

Analogous

#35446F

#60356F

#43356F

Triadic

#43356F

#6F4335

#356F43

Split Complementary

#43356F

#6F6035

#446F35

Tetradic

#43356F

#6F3544

#616F35

#356F60

Color Blindness Simulation

Original

#43356F

Protanopia

#3D3D61

Deuteranopia

#3E3F5E

Tritanopia

#425653

Achromatopsia

#3C3C3C

CSS Usage

background-color: #43356F;
color: #43356F;
border-color: #43356F;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D5CFE8
300
#B7ACD7
400
#8F7FC2
500
#6852AD
600
#53428A
700
#43356E
800
#342956
900
#282140
950
#1A1528

Contrast Checker

Text on white

10.62:1

AA Pass AAA Pass

Text on black

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