#DB5542

#DB5542

Color Values

HEX

#DB5542

RGB

219, 85, 66

HSL

7.5, 68.0%, 55.9%

HSV

7.5, 69.9%, 85.9%

CMYK

0.0%, 61.2%, 69.9%, 14.1%

OKLCH

0.6229 0.1719 30.6

Properties

Warm Light Nearest: tomato 3

Color Harmonies

Complementary

#DB5542

#42C8DB

Analogous

#DB427B

#DBA242

#DB5542

Triadic

#DB5542

#42DB55

#5542DB

Split Complementary

#DB5542

#42DBA2

#427BDB

Tetradic

#DB5542

#7BDB42

#42C8DB

#A242DB

Color Blindness Simulation

Original

#DB5542

Protanopia

#A1A047

Deuteranopia

#A9B348

Tritanopia

#D44A4B

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F4C9C3
300
#EBA398
400
#E17160
500
#D63E29
600
#AB3221
700
#89281A
800
#6B1F14
900
#4E1A13
950
#31110C

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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