#904F63

#904F63

Color Values

HEX

#904F63

RGB

144, 79, 99

HSL

341.5, 29.1%, 43.7%

HSV

341.5, 45.1%, 56.5%

CMYK

0.0%, 45.1%, 31.3%, 43.5%

OKLCH

0.5106 0.09 1.1

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#904F63

#4F907C

Analogous

#904F83

#905B4F

#904F63

Triadic

#904F63

#63904F

#4F6390

Split Complementary

#904F63

#4F905B

#4F8390

Tetradic

#904F63

#83904F

#4F907C

#5B4F90

Color Blindness Simulation

Original

#904F63

Protanopia

#74735E

Deuteranopia

#787C5D

Tritanopia

#8D5A5A

Achromatopsia

#5E5E5E

CSS Usage

background-color: #904F63;
color: #904F63;
border-color: #904F63;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F7
100
#F2E9EB
200
#E6D1D7
300
#D4B0BB
400
#BC8596
500
#A55A71
600
#84485B
700
#693A48
800
#522D39
900
#3D242C
950
#27171C

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

3.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026