#340418

#340418

Color Values

HEX

#340418

RGB

52, 4, 24

HSL

335.0, 85.7%, 11.0%

HSV

335.0, 92.3%, 20.4%

CMYK

0.0%, 92.3%, 53.8%, 79.6%

OKLCH

0.217 0.0782 0.5

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#340418

#043420

Analogous

#340430

#340804

#340418

Triadic

#340418

#183404

#041834

Split Complementary

#340418

#043408

#043034

Tetradic

#340418

#303404

#043420

#080434

Color Blindness Simulation

Original

#340418

Protanopia

#1F1F13

Deuteranopia

#222612

Tritanopia

#320F0F

Achromatopsia

#101010

CSS Usage

background-color: #340418;
color: #340418;
border-color: #340418;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FDF2F6
100
#FAE0EB
200
#FABDD6
300
#F68DB9
400
#F25093
500
#ED126D
600
#BD0F57
700
#980C46
800
#760937
900
#560B2A
950
#36071B

Contrast Checker

Text on white

17.85:1

AA Pass AAA Pass

Text on black

1.18:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026