Warna bernama · #E8B8A7
Embrace
Embrace adalah #E8B8A7: rgb(232 184 167), hsl(16 59% 78%), oklch(0.821 0.061 40.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Embrace color name →
#E8B8A7
oklch(0.821 0.061 40.4)
Konversi warna
- HEX
- #e8b8a7
- RGB
- rgb(232 184 167)
- HSL
- hsl(16 59% 78%)
- HWB
- hwb(16 65% 9%)
- OKLCH
- oklch(0.821 0.061 40.4)
- OKLab
- oklab(0.821 0.046 0.039)
- CIE Lab
- lab(78.84 16.09 15.62)
- LCH
- lch(78.84 22.42 44.1)
- CMYK
- cmyk(0% 21% 28% 9%)
Tint · Shade · Tone
Tint
- EBBFB0
- EDC6B8
- F0CDC1
- F2D4CA
- F4DBD3
- F7E2DB
- F9EAE4
- FBF1ED
- FDF8F6
Shade
- CAA091
- AC887B
- 907166
- 745B52
- 59453E
- 40312C
- 291E1A
- 130C0A
- 030201
Tone
- DDB2A3
- D3AD9F
- C8A79B
- BEA197
- B39C94
- A99690
- 9F918C
- 948B88
- 8A8684
Harmoni warna
Komplementer +180°
- E8B8A7
Embrace
- 99CEE0
≈ December Solstice
Analog -30° +30°
- E8B8A7
Embrace
- E9B5BB
≈ Roseate Hues
- DEBE9A
≈ More Cowbell
Triadik +120° +240°
- E8B8A7
Embrace
- A3D1B7
≈ Feather Green
- BCC1EC
≈ Vodka
Split-komplementer +150° +210°
- E8B8A7
Embrace
- 97D2CD
≈ Summer Soft Blue
- A8C8EB
≈ Island Light
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.77:1 · APCA Lc 33
Ag
AAADi atas hitam
WCAG 11.84:1 · APCA Lc 70
Warna teks terbaik: #000000
WCAG 11.84:1 (AAA) · APCA Lc 70
Contrast pairs
Cuplikan kode
CSS
:root {
--embrace: #e8b8a7;
--embrace-rgb: 232 184 167;
--embrace-oklch: oklch(0.821 0.061 40.4);
}
.element {
color: var(--embrace);
background-color: hsl(16 59% 78%);
border-color: oklch(0.821 0.061 40.4);
}Tailwind CSS v4
@theme {
--color-embrace: #e8b8a7;
--color-embrace-50: #fff0e8;
--color-embrace-100: #fbe2d8;
--color-embrace-200: #ecccc0;
--color-embrace-300: #d3ae9f;
--color-embrace-400: #bf9383;
--color-embrace-500: #aa7967;
--color-embrace-600: #8f6658;
--color-embrace-700: #735246;
--color-embrace-800: #553b33;
--color-embrace-900: #3b2923;
--color-embrace-950: #251612;
}SCSS
$embrace: #e8b8a7;
$embrace-rgb: 232, 184, 167;
$embrace-light: mix(#fff, $embrace, 20%);
$embrace-dark: mix(#000, $embrace, 20%);
.element {
color: $embrace;
box-shadow: 0 0 0 2px rgba($embrace, 0.35);
}