Nearest named color · #E0B0B2
#E0B0B2
Nearest named color: Sakura
#E0B0B2 (rgb(224 176 178), hsl(358 44% 78%), oklch(0.801 0.056 15.6)) is closest to the named color Sakura. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E0B0B2
oklch(0.801 0.056 15.6)
Color conversions
- HEX
- #e0b0b2
- RGB
- rgb(224 176 178)
- HSL
- hsl(358 44% 78%)
- HWB
- hwb(358 69% 12%)
- OKLCH
- oklch(0.801 0.056 15.6)
- OKLab
- oklab(0.801 0.054 0.015)
- CIE Lab
- lab(76.32 18.22 6.03)
- LCH
- lch(76.32 19.19 18.3)
- CMYK
- cmyk(0% 21% 21% 12%)
Tints · Shades · Tones
Tints
- E3B8B9
- E7C0C1
- EAC7C9
- EDCFD0
- F0D7D8
- F3DFE0
- F6E7E7
- F9EFEF
- FCF7F7
Shades
- C3999A
- A68283
- 8A6C6D
- 705657
- 564243
- 3E2E2F
- 271C1D
- 120B0C
- 020101
Tones
- D6ABAD
- CCA6A8
- C3A2A3
- B99D9E
- AF9899
- A69394
- 9C8E8F
- 938A8A
- 898585
Color harmonies
Complementary +180°
- E0B0B2
Sakura
- 94CACA
≈ Lake
Analogous -30° +30°
- E0B0B2
Sakura
- DAB0C6
≈ Private-Label Pink
- DEB3A0
≈ Spanish Villa
Triadic +120° +240°
- E0B0B2
Sakura
- AEC7A3
≈ Freshwater Green
- A7C0E2
≈ Artesian Pool
Split-complementary +150° +210°
- E0B0B2
Sakura
- 9DCAB6
≈ Cool Juniper
- 98C6DA
≈ Bobby Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.90:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.02:1 · APCA Lc 66
Best text color: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--sakura: #e0b0b2;
--sakura-rgb: 224 176 178;
--sakura-oklch: oklch(0.801 0.056 15.6);
}
.element {
color: var(--sakura);
background-color: hsl(358 44% 78%);
border-color: oklch(0.801 0.056 15.6);
}Tailwind CSS v4
@theme {
--color-sakura: #e0b0b2;
--color-sakura-50: #ffefef;
--color-sakura-100: #fae1e1;
--color-sakura-200: #ebcbcb;
--color-sakura-300: #d3acad;
--color-sakura-400: #bd9193;
--color-sakura-500: #a8777a;
--color-sakura-600: #8e6567;
--color-sakura-700: #725152;
--color-sakura-800: #543a3d;
--color-sakura-900: #3b282a;
--color-sakura-950: #251617;
}SCSS
$sakura: #e0b0b2;
$sakura-rgb: 224, 176, 178;
$sakura-light: mix(#fff, $sakura, 20%);
$sakura-dark: mix(#000, $sakura, 20%);
.element {
color: $sakura;
box-shadow: 0 0 0 2px rgba($sakura, 0.35);
}