#DA4825

#DA4825

Color Values

HEX

#DA4825

RGB

218, 72, 37

HSL

11.6, 71.0%, 50.0%

HSV

11.6, 83.0%, 85.5%

CMYK

0.0%, 67.0%, 83.0%, 14.5%

OKLCH

0.6028 0.1884 34.5

Properties

Warm Light Nearest: RAL 2010 Signal Orange

Color Harmonies

Complementary

#DA4825

#25B7DA

Analogous

#DA255C

#DAA325

#DA4825

Triadic

#DA4825

#25DA48

#4825DA

Split Complementary

#DA4825

#25DAA3

#255CDA

Tetradic

#DA4825

#5CDA25

#25B7DA

#A325DA

Color Blindness Simulation

Original

#DA4825

Protanopia

#9B9A2D

Deuteranopia

#A3AE30

Tritanopia

#D33436

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F8E7E2
200
#F5CCC2
300
#EDA796
400
#E4785E
500
#DA4825
600
#AE3A1E
700
#8C2E18
800
#6D2412
900
#4F1D11
950
#32130B

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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