#DF868E

#DF868E

Color Values

HEX

#DF868E

RGB

223, 134, 142

HSL

354.6, 58.2%, 70.0%

HSV

354.6, 39.9%, 87.5%

CMYK

0.0%, 39.9%, 36.3%, 12.5%

OKLCH

0.7161 0.1095 14.4

Properties

Warm Light Nearest: RAL 3015 Light Pink

Color Harmonies

Complementary

#DF868E

#86DFD7

Analogous

#DF86BB

#DFAA86

#DF868E

Triadic

#DF868E

#8EDF86

#868EDF

Split Complementary

#DF868E

#86DFAA

#86BBDF

Tetradic

#DF868E

#BBDF86

#86DFD7

#AA86DF

Color Blindness Simulation

Original

#DF868E

Protanopia

#B8B88C

Deuteranopia

#BEC48C

Tritanopia

#DB8B8A

Achromatopsia

#999999

CSS Usage

background-color: #DF868E;
color: #DF868E;
border-color: #DF868E;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF4F4
100
#F6E4E6
200
#F0C7CA
300
#E59EA5
400
#D86A74
500
#CA3543
600
#A12B35
700
#81222B
800
#651B21
900
#4A171C
950
#2F0F11

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.94:1

AA Pass AAA Pass

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