pinkwarmCSS named color

Palevioletred #DB7093

Palevioletred is a medium, moderately saturated cool-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Soft UI · Romantic palettes

Open in generator →

Families: Pinks · Rose Colors

Color values

FormatValue
HEX#DB7093
RGBrgb(219, 112, 147)
HSLhsl(340, 60%, 65%)
HSVhsv(340, 49%, 86%)
OKLCHoklch(67.79% 0.138 0.7)
OKLaboklab(67.79% 0.1382 0.0016)
CMYKcmyk(0%, 48.9%, 32.9%, 14.1%)
XYZxyz(40.2758, 28.7587, 31.0279)
CIE-LABlab(60.6, 45.5, 0.4)
CIE-LCHlch(60.6, 45.5, 0.5°)
Luminance0.288 (WCAG relative)
/* Palevioletred */ --palevioletred: #db7093; color: #db7093; background-color: #db7093;

Source: W3C CSS named color. CSS keyword: palevioletred.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#c36583 #ab5974 #944e65 #7e4456 #683948 #532f3a #3f252d #2c1b20 #1a1113 #000000

Tints (toward white)

#e07f9d #e58da8 #e99cb2 #edaabd #f1b8c8 #f4c6d2 #f8d4dd #fae3e9 #fdf1f4 #ffffff

Tones (toward gray)

#d47493 #ce7993 #c77c93 #c08093 #b98492 #b28792 #aa8a92 #a28d92 #9a8f92 #929292

Color harmonies

Complementary

Edit in generator →
#DB7093
#70DBB8
#db7093 #70dbb8

Analogous

Edit in generator →
#DB70C9
#DB7093
#DB8370
#db70c9 #db7093 #db8370

Triadic

Edit in generator →
#DB7093
#93DB70
#7093DB
#db7093 #93db70 #7093db

Tetradic

Edit in generator →
#DB7093
#C9DB70
#70DBB8
#8370DB
#db7093 #c9db70 #70dbb8 #8370db

Square

Edit in generator →
#DB7093
#C9DB70
#70DBB8
#8370DB
#db7093 #c9db70 #70dbb8 #8370db

Split Complementary

Edit in generator →
#DB7093
#70DB83
#70C9DB
#db7093 #70db83 #70c9db

Monochromatic

Edit in generator →
#A72A53
#CF3F6E
#DB7093
#E7A1B8
#F4D2DD
#a72a53 #cf3f6e #db7093 #e7a1b8 #f4d2dd

Accessibility & contrast

3.11
#DB7093 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
6.75
#DB7093 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on palevioletred

6.75
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#818694
Deuteranopia (green-blind)
#9C9A91
Tritanopia (blue-blind)
#EA687D

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Muted Pink #D1768F2.69
Blush #DE5D834.54
Medium Pink #F361964.54
Dusky Pink #CC7A8B4.92
Rosy Pink #F6688E5.21
Dull Pink #D5869D5.64

Colors that go with palevioletred

Top matches by hue harmony, contrast and saturation compatibility.

Burgundy #800020
3.5:1
Same hue family as palevioletred (Δh 5°) — guaranteed harmony
Aubergine #3D0734
5.3:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Navy Blue #1B2A4A
4.6:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Pine #2B5D34
2.5:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Eucalyptus #44D7A8
1.7:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.