Warna bernama · #E69DAD
Brandywine Spritz
Brandywine Spritz adalah #E69DAD: rgb(230 157 173), hsl(347 59% 76%), oklch(0.772 0.089 5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Brandywine Spritz color name →
#E69DAD
oklch(0.772 0.089 5)
Konversi warna
- HEX
- #e69dad
- RGB
- rgb(230 157 173)
- HSL
- hsl(347 59% 76%)
- HWB
- hwb(347 62% 10%)
- OKLCH
- oklch(0.772 0.089 5)
- OKLab
- oklab(0.772 0.089 0.008)
- CIE Lab
- lab(72.44 29.59 3.33)
- LCH
- lch(72.44 29.78 6.4)
- CMYK
- cmyk(0% 32% 25% 10%)
Tint · Shade · Tone
Tint
- E9A7B5
- ECB1BD
- EFBAC5
- F2C4CD
- F5CED5
- F7D8DE
- F9E1E6
- FBEBEE
- FDF5F7
Shade
- C88896
- AB737F
- 8E5F6A
- 734C55
- 593A41
- 40282D
- 28181B
- 13090B
- 030101
Tone
- DC9AA8
- D298A4
- C7959F
- BD929B
- B38F96
- A98C92
- 9F898D
- 958689
- 8A8384
Harmoni warna
Komplementer +180°
- E69DAD
Brandywine Spritz
- 6DC8BC
≈ Shockwave
Analog -30° +30°
- E69DAD
Brandywine Spritz
- D99FCB
≈ Rose Garden
- E7A08E
≈ Coral Blush
Triadik +120° +240°
- E69DAD
Brandywine Spritz
- A8BF80
≈ Margarita
- 84BBEA
≈ Electric Eel
Split-komplementer +150° +210°
- E69DAD
Brandywine Spritz
- 86C69C
≈ Foul Green
- 6CC3D8
≈ Squeaky
Tetradik +90° +180° +270°
- E69DAD
Brandywine Spritz
- C6B571
≈ Olive Marinade
- 6DC8BC
≈ Shockwave
- A4B1EE
≈ Wondrous Wisteria
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.14:1 · APCA Lc 42
Ag
AAADi atas hitam
WCAG 9.79:1 · APCA Lc 60
Warna teks terbaik: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Cuplikan kode
CSS
:root {
--brandywine-spritz: #e69dad;
--brandywine-spritz-rgb: 230 157 173;
--brandywine-spritz-oklch: oklch(0.772 0.089 5);
}
.element {
color: var(--brandywine-spritz);
background-color: hsl(347 59% 76%);
border-color: oklch(0.772 0.089 5);
}Tailwind CSS v4
@theme {
--color-brandywine-spritz: #e69dad;
--color-brandywine-spritz-50: #ffebf1;
--color-brandywine-spritz-100: #ffdce3;
--color-brandywine-spritz-200: #f7c5ce;
--color-brandywine-spritz-300: #e0a5af;
--color-brandywine-spritz-400: #cc8897;
--color-brandywine-spritz-500: #b86c7e;
--color-brandywine-spritz-600: #9b5c6b;
--color-brandywine-spritz-700: #7d4955;
--color-brandywine-spritz-800: #5c353f;
--color-brandywine-spritz-900: #40242c;
--color-brandywine-spritz-950: #291319;
}SCSS
$brandywine-spritz: #e69dad;
$brandywine-spritz-rgb: 230, 157, 173;
$brandywine-spritz-light: mix(#fff, $brandywine-spritz, 20%);
$brandywine-spritz-dark: mix(#000, $brandywine-spritz, 20%);
.element {
color: $brandywine-spritz;
box-shadow: 0 0 0 2px rgba($brandywine-spritz, 0.35);
}