#D3383C

#D3383C

Color Values

HEX

#D3383C

RGB

211, 56, 60

HSL

358.5, 63.8%, 52.4%

HSV

358.5, 73.5%, 82.7%

CMYK

0.0%, 73.5%, 71.6%, 17.3%

OKLCH

0.5772 0.1916 24.3

Properties

Warm Dark Nearest: RAL 3028 Pure Red

Color Harmonies

Complementary

#D3383C

#38D3CF

Analogous

#D33889

#D38238

#D3383C

Triadic

#D3383C

#3CD338

#383CD3

Split Complementary

#D3383C

#38D382

#3889D3

Tetradic

#D3383C

#89D338

#38D3CF

#8238D3

Color Blindness Simulation

Original

#D3383C

Protanopia

#908F3B

Deuteranopia

#99A43B

Tritanopia

#CB3A3A

Achromatopsia

#595959

CSS Usage

background-color: #D3383C;
color: #D3383C;
border-color: #D3383C;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FBF3F3
100
#F7E3E4
200
#F2C5C6
300
#E99B9D
400
#DD6467
500
#D12E32
600
#A72528
700
#861E20
800
#681719
900
#4C1516
950
#300D0E

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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