Named color · #D79A91
Shanghai Peach
Shanghai Peach is #D79A91: rgb(215 154 145), hsl(8 47% 71%), oklch(0.743 0.075 28.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Shanghai Peach color name →
#D79A91
oklch(0.743 0.075 28.4)
Color conversions
- HEX
- #d79a91
- RGB
- rgb(215 154 145)
- HSL
- hsl(8 47% 71%)
- HWB
- hwb(8 57% 16%)
- OKLCH
- oklch(0.743 0.075 28.4)
- OKLab
- oklab(0.743 0.066 0.036)
- CIE Lab
- lab(69.47 22.64 14.29)
- LCH
- lch(69.47 26.77 32.3)
- CMYK
- cmyk(0% 28% 33% 16%)
Tints · Shades · Tones
Tints
- DCA49C
- E0AEA6
- E4B8B1
- E8C2BC
- EDCCC7
- F0D6D2
- F4E0DD
- F8EAE8
- FCF5F4
Shades
- BB857D
- 9F716A
- 855E58
- 6B4B46
- 523935
- 3B2725
- 251715
- 110907
- 020101
Tones
- CE988F
- C6958E
- BD938C
- B4908A
- AC8D89
- A38B87
- 9A8885
- 928584
- 898382
Color harmonies
Complementary +180°
- D79A91
Shanghai Peach
- 70B9C5
≈ Tropez Blue
Analogous -30° +30°
- D79A91
Shanghai Peach
- D498AB
≈ Haute Pink
- D0A07C
≈ Darling Clementine
Triadic +120° +240°
- D79A91
Shanghai Peach
- 8BB991
≈ Forest Frolic
- 98AADC
≈ Aster Flower Blue
Split-complementary +150° +210°
- D79A91
Shanghai Peach
- 75BCAC
≈ Sereni Teal
- 7FB3D6
≈ Meadow Blossom Blue
Tetradic +90° +180° +270°
- D79A91
Shanghai Peach
- A7B37C
≈ Serpentine
- 70B9C5
≈ Tropez Blue
- B1A2D5
≈ Ariel’s Delight
Contrast & accessibility
Ag
FailOn white
WCAG 2.35:1 · APCA Lc 46
Ag
AAAOn black
WCAG 8.92:1 · APCA Lc 56
Best text color: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--shanghai-peach: #d79a91;
--shanghai-peach-rgb: 215 154 145;
--shanghai-peach-oklch: oklch(0.743 0.075 28.4);
}
.element {
color: var(--shanghai-peach);
background-color: hsl(8 47% 71%);
border-color: oklch(0.743 0.075 28.4);
}Tailwind CSS v4
@theme {
--color-shanghai-peach: #d79a91;
--color-shanghai-peach-50: #ffeee8;
--color-shanghai-peach-100: #ffdfd9;
--color-shanghai-peach-200: #f3c9c1;
--color-shanghai-peach-300: #dbaaa1;
--color-shanghai-peach-400: #c78e85;
--color-shanghai-peach-500: #b3736a;
--color-shanghai-peach-600: #97615a;
--color-shanghai-peach-700: #794e48;
--color-shanghai-peach-800: #5a3835;
--color-shanghai-peach-900: #3f2624;
--color-shanghai-peach-950: #281513;
}SCSS
$shanghai-peach: #d79a91;
$shanghai-peach-rgb: 215, 154, 145;
$shanghai-peach-light: mix(#fff, $shanghai-peach, 20%);
$shanghai-peach-dark: mix(#000, $shanghai-peach, 20%);
.element {
color: $shanghai-peach;
box-shadow: 0 0 0 2px rgba($shanghai-peach, 0.35);
}