#DA522A

#DA522A

Color Values

HEX

#DA522A

RGB

218, 82, 42

HSL

13.6, 70.4%, 51.0%

HSV

13.6, 80.7%, 85.5%

CMYK

0.0%, 62.4%, 80.7%, 14.5%

OKLCH

0.6149 0.1788 36.5

Properties

Warm Light Nearest: RAL 3022 Salmon Pink

Color Harmonies

Complementary

#DA522A

#2AB2DA

Analogous

#DA2A5A

#DAAA2A

#DA522A

Triadic

#DA522A

#2ADA52

#522ADA

Split Complementary

#DA522A

#2ADAAA

#2A5ADA

Tetradic

#DA522A

#5ADA2A

#2AB2DA

#AA2ADA

Color Blindness Simulation

Original

#DA522A

Protanopia

#9F9E34

Deuteranopia

#A7B136

Tritanopia

#D33B3D

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FCF5F3
100
#F8E7E2
200
#F4CEC2
300
#EDAA97
400
#E37C5E
500
#D94E26
600
#AE3F1E
700
#8B3218
800
#6D2713
900
#4F2012
950
#32140B

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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