Warna bernama · #EDCCD6
Donquixote Doflamingo
Donquixote Doflamingo adalah #EDCCD6: rgb(237 204 214), hsl(342 48% 86%), oklch(0.876 0.039 357.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Donquixote Doflamingo color name →
#EDCCD6
oklch(0.876 0.039 357.7)
Konversi warna
- HEX
- #edccd6
- RGB
- rgb(237 204 214)
- HSL
- hsl(342 48% 86%)
- HWB
- hwb(342 80% 7%)
- OKLCH
- oklch(0.876 0.039 357.7)
- OKLab
- oklab(0.876 0.039 -0.002)
- CIE Lab
- lab(85.1 13.17 -0.46)
- LCH
- lch(85.1 13.18 358)
- CMYK
- cmyk(0% 14% 10% 7%)
Tint · Shade · Tone
Tint
- EFD1DA
- F1D6DE
- F3DBE2
- F5E0E6
- F6E5EA
- F8EAEE
- FAF0F3
- FCF5F7
- FDFAFB
Shade
- CEB1BA
- B0979E
- 937E84
- 77656A
- 5C4E52
- 42373B
- 2A2225
- 140F10
- 030202
Tone
- E2C4CD
- D6BCC4
- CBB5BB
- C0ADB3
- B5A5AA
- AA9EA1
- A09699
- 958F91
- 8A8788
Harmoni warna
Komplementer +180°
- EDCCD6
Donquixote Doflamingo
- BCDFD6
≈ Short Phase
Analog -30° +30°
- EDCCD6
Donquixote Doflamingo
- E5CEE4
≈ Sweety Pie
- EFCDC8
≈ Kislev Pink
Triadik +120° +240°
- EDCCD6
Donquixote Doflamingo
- D3DABD
≈ Zen Garden
- BFDBED
≈ Twin Blue
Split-komplementer +150° +210°
- EDCCD6
Donquixote Doflamingo
- C6DEC8
≈ Misty Afternoon
- B9DEE4
≈ Basin Blue
Tetradik +90° +180° +270°
- EDCCD6
Donquixote Doflamingo
- E1D5B9
≈ Land of Trees
- BCDFD6
≈ Short Phase
- CBD6F1
≈ Light Cuddle
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.47:1 · APCA Lc 23
Ag
AAADi atas hitam
WCAG 14.20:1 · APCA Lc 81
Warna teks terbaik: #000000
WCAG 14.20:1 (AAA) · APCA Lc 81
Contrast pairs
Cuplikan kode
CSS
:root {
--donquixote-doflamingo: #edccd6;
--donquixote-doflamingo-rgb: 237 204 214;
--donquixote-doflamingo-oklch: oklch(0.876 0.039 357.7);
}
.element {
color: var(--donquixote-doflamingo);
background-color: hsl(342 48% 86%);
border-color: oklch(0.876 0.039 357.7);
}Tailwind CSS v4
@theme {
--color-donquixote-doflamingo: #edccd6;
--color-donquixote-doflamingo-50: #fff1f5;
--color-donquixote-doflamingo-100: #f4e3e7;
--color-donquixote-doflamingo-200: #e3ced3;
--color-donquixote-doflamingo-300: #c9afb6;
--color-donquixote-doflamingo-400: #b3959e;
--color-donquixote-doflamingo-500: #9d7c86;
--color-donquixote-doflamingo-600: #846971;
--color-donquixote-doflamingo-700: #6a545b;
--color-donquixote-doflamingo-800: #4e3d43;
--color-donquixote-doflamingo-900: #362a2e;
--color-donquixote-doflamingo-950: #21171b;
}SCSS
$donquixote-doflamingo: #edccd6;
$donquixote-doflamingo-rgb: 237, 204, 214;
$donquixote-doflamingo-light: mix(#fff, $donquixote-doflamingo, 20%);
$donquixote-doflamingo-dark: mix(#000, $donquixote-doflamingo, 20%);
.element {
color: $donquixote-doflamingo;
box-shadow: 0 0 0 2px rgba($donquixote-doflamingo, 0.35);
}