#D34C2C

#D34C2C

Color Values

HEX

#D34C2C

RGB

211, 76, 44

HSL

11.5, 65.5%, 50.0%

HSV

11.5, 79.1%, 82.7%

CMYK

0.0%, 64.0%, 79.1%, 17.3%

OKLCH

0.5966 0.1765 34.6

Properties

Warm Light Nearest: RAL 3022 Salmon Pink

Color Harmonies

Complementary

#D34C2C

#2CB3D3

Analogous

#D32C5F

#D3A02C

#D34C2C

Triadic

#D34C2C

#2CD34C

#4C2CD3

Split Complementary

#D34C2C

#2CD3A0

#2C5FD3

Tetradic

#D34C2C

#5FD32C

#2CB3D3

#A02CD3

Color Blindness Simulation

Original

#D34C2C

Protanopia

#999734

Deuteranopia

#A0AA36

Tritanopia

#CC3A3B

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F7E7E3
200
#F3CDC4
300
#EAA99A
400
#DE7B63
500
#D34C2C
600
#A93D23
700
#87311C
800
#6A2616
900
#4D1F14
950
#31130D

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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