#D83C33

#D83C33

Color Values

HEX

#D83C33

RGB

216, 60, 51

HSL

3.3, 67.9%, 52.4%

HSV

3.3, 76.4%, 84.7%

CMYK

0.0%, 72.2%, 76.4%, 15.3%

OKLCH

0.5884 0.1943 28.0

Properties

Warm Light Nearest: RAL 3018 Strawberry Red

Color Harmonies

Complementary

#D83C33

#33CFD8

Analogous

#D8337D

#D88F33

#D83C33

Triadic

#D83C33

#33D83C

#3C33D8

Split Complementary

#D83C33

#33D88F

#337DD8

Tetradic

#D83C33

#7DD833

#33CFD8

#8F33D8

Color Blindness Simulation

Original

#D83C33

Protanopia

#949335

Deuteranopia

#9EA936

Tritanopia

#D03737

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F7E4E3
200
#F4C6C3
300
#EB9D98
400
#E16861
500
#D63229
600
#AB2821
700
#89201A
800
#6B1914
900
#4E1613
950
#310E0C

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026