#DF7467

#DF7467

Color Values

HEX

#DF7467

RGB

223, 116, 103

HSL

6.5, 65.2%, 63.9%

HSV

6.5, 53.8%, 87.5%

CMYK

0.0%, 48.0%, 53.8%, 12.5%

OKLCH

0.6785 0.1358 28.3

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#DF7467

#67D2DF

Analogous

#DF6796

#DFB067

#DF7467

Triadic

#DF7467

#67DF74

#7467DF

Split Complementary

#DF7467

#67DFB0

#6796DF

Tetradic

#DF7467

#96DF67

#67D2DF

#B067DF

Color Blindness Simulation

Original

#DF7467

Protanopia

#B1B06A

Deuteranopia

#B7BF6B

Tritanopia

#DA6D6D

Achromatopsia

#8A8A8A

CSS Usage

background-color: #DF7467;
color: #DF7467;
border-color: #DF7467;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C9C4
300
#EAA39A
400
#DE7063
500
#D33E2C
600
#A93223
700
#87281C
800
#691F16
900
#4D1A14
950
#31110D

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.83:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026