#480F25

#480F25

Color Values

HEX

#480F25

RGB

72, 15, 37

HSL

336.8, 65.5%, 17.1%

HSV

336.8, 79.2%, 28.2%

CMYK

0.0%, 79.2%, 48.6%, 71.8%

OKLCH

0.2761 0.0881 1.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#480F25

#0F4832

Analogous

#480F42

#48160F

#480F25

Triadic

#480F25

#25480F

#0F2548

Split Complementary

#480F25

#0F4816

#0F4248

Tetradic

#480F25

#42480F

#0F4832

#160F48

Color Blindness Simulation

Original

#480F25

Protanopia

#2F2F20

Deuteranopia

#33371E

Tritanopia

#451B1B

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3EB
200
#F3C4D6
300
#EA9AB9
400
#DE6393
500
#D32C6D
600
#A92357
700
#871C45
800
#6A1636
900
#4D142A
950
#310D1B

Contrast Checker

Text on white

15.32:1

AA Pass AAA Pass

Text on black

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