Named color · #E2BCB3
Sweet Peach
Sweet Peach is #E2BCB3: rgb(226 188 179), hsl(11 45% 79%), oklch(0.826 0.046 33.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Sweet Peach color name →
#E2BCB3
oklch(0.826 0.046 33.5)
Color conversions
- HEX
- #e2bcb3
- RGB
- rgb(226 188 179)
- HSL
- hsl(11 45% 79%)
- HWB
- hwb(11 70% 11%)
- OKLCH
- oklch(0.826 0.046 33.5)
- OKLab
- oklab(0.826 0.038 0.025)
- CIE Lab
- lab(79.45 13.03 9.93)
- LCH
- lch(79.45 16.38 37.3)
- CMYK
- cmyk(0% 17% 21% 11%)
Tints · Shades · Tones
Tints
- E5C3BA
- E8C9C2
- EBD0C9
- EED7D1
- F1DDD9
- F4E4E0
- F7EBE8
- FAF1EF
- FCF8F7
Shades
- C4A39B
- A88B84
- 8C736E
- 715D58
- 574743
- 3E322F
- 271F1D
- 120D0C
- 030201
Tones
- D8B6AE
- CEB0A9
- C4AAA3
- BAA49E
- B09E99
- A69894
- 9D928F
- 938C8A
- 8A8685
Color harmonies
Complementary +180°
- E2BCB3
Sweet Peach
- A5CED8
≈ Wave
Analogous -30° +30°
- E2BCB3
Sweet Peach
- E1BAC3
≈ Love in a Mist
- DCC0A8
≈ Adobe Beige
Triadic +120° +240°
- E2BCB3
Sweet Peach
- B0CFB8
≈ Misty Jade
- BCC5E4
≈ California Lilac
Split-complementary +150° +210°
- E2BCB3
Sweet Peach
- A6D0C9
≈ Sea Inspired
- ADCAE2
≈ Blue Veil
Tetradic +90° +180° +270°
- E2BCB3
Sweet Peach
- C0CBAB
≈ Pale Leaf
- A5CED8
≈ Wave
- CCBFDF
≈ Digital Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 1.73:1 · APCA Lc 32
Ag
AAAOn black
WCAG 12.07:1 · APCA Lc 71
Best text color: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--sweet-peach: #e2bcb3;
--sweet-peach-rgb: 226 188 179;
--sweet-peach-oklch: oklch(0.826 0.046 33.5);
}
.element {
color: var(--sweet-peach);
background-color: hsl(11 45% 79%);
border-color: oklch(0.826 0.046 33.5);
}Tailwind CSS v4
@theme {
--color-sweet-peach: #e2bcb3;
--color-sweet-peach-50: #fff1ec;
--color-sweet-peach-100: #f7e3de;
--color-sweet-peach-200: #e7cec7;
--color-sweet-peach-300: #cdb0a8;
--color-sweet-peach-400: #b8958d;
--color-sweet-peach-500: #a27c73;
--color-sweet-peach-600: #896961;
--color-sweet-peach-700: #6e544e;
--color-sweet-peach-800: #513d39;
--color-sweet-peach-900: #382a27;
--color-sweet-peach-950: #231715;
}SCSS
$sweet-peach: #e2bcb3;
$sweet-peach-rgb: 226, 188, 179;
$sweet-peach-light: mix(#fff, $sweet-peach, 20%);
$sweet-peach-dark: mix(#000, $sweet-peach, 20%);
.element {
color: $sweet-peach;
box-shadow: 0 0 0 2px rgba($sweet-peach, 0.35);
}