#744255

#744255

Color Values

HEX

#744255

RGB

116, 66, 85

HSL

337.2, 27.5%, 35.7%

HSV

337.2, 43.1%, 45.5%

CMYK

0.0%, 43.1%, 26.7%, 54.5%

OKLCH

0.4451 0.0734 356.2

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#744255

#427461

Analogous

#74426E

#744842

#744255

Triadic

#744255

#557442

#425574

Split Complementary

#744255

#427448

#426E74

Tetradic

#744255

#6E7442

#427461

#484274

Color Blindness Simulation

Original

#744255

Protanopia

#5E5E50

Deuteranopia

#61654F

Tritanopia

#714D4C

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D1D9
300
#D3B1BE
400
#BB879A
500
#A35C77
600
#824A5F
700
#683B4C
800
#512E3C
900
#3C242E
950
#26171D

Contrast Checker

Text on white

7.92:1

AA Pass AAA Pass

Text on black

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