#D64829

#D64829

Color Values

HEX

#D64829

RGB

214, 72, 41

HSL

10.8, 67.8%, 50.0%

HSV

10.8, 80.8%, 83.9%

CMYK

0.0%, 66.4%, 80.8%, 16.1%

OKLCH

0.5965 0.1837 33.8

Properties

Warm Light Nearest: RAL 3022 Salmon Pink

Color Harmonies

Complementary

#D64829

#29B7D6

Analogous

#D62960

#D69F29

#D64829

Triadic

#D64829

#29D648

#4829D6

Split Complementary

#D64829

#29D69F

#2960D6

Tetradic

#D64829

#60D629

#29B7D6

#9F29D6

Color Blindness Simulation

Original

#D64829

Protanopia

#989730

Deuteranopia

#A1AB32

Tritanopia

#CF3638

Achromatopsia

#646464

CSS Usage

background-color: #D64829;
color: #D64829;
border-color: #D64829;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FCF5F3
100
#F7E7E3
200
#F4CCC3
300
#EBA798
400
#E17861
500
#D64829
600
#AB3A21
700
#892E1A
800
#6B2415
900
#4E1E13
950
#31130C

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.82:1

AA Pass 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