#3F0418

#3F0418

Color Values

HEX

#3F0418

RGB

63, 4, 24

HSL

339.7, 88.1%, 13.1%

HSV

339.7, 93.7%, 24.7%

CMYK

0.0%, 93.7%, 61.9%, 75.3%

OKLCH

0.2411 0.0891 7.2

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F0418

#043F2B

Analogous

#3F0435

#3F0D04

#3F0418

Triadic

#3F0418

#183F04

#04183F

Split Complementary

#3F0418

#043F0D

#04353F

Tetradic

#3F0418

#353F04

#043F2B

#0D043F

Color Blindness Simulation

Original

#3F0418

Protanopia

#252513

Deuteranopia

#292D12

Tritanopia

#3C0F0F

Achromatopsia

#121212

CSS Usage

background-color: #3F0418;
color: #3F0418;
border-color: #3F0418;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FDF2F5
100
#FBE0E9
200
#FBBCD1
300
#F88CB0
400
#F44E86
500
#F00F5B
600
#C00C49
700
#990A3A
800
#78082E
900
#570A24
950
#370617

Contrast Checker

Text on white

16.91:1

AA Pass AAA Pass

Text on black

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