Nazwany kolor · #E69DAD
Brandywine Spritz
Brandywine Spritz to #E69DAD: rgb(230 157 173), hsl(347 59% 76%), oklch(0.772 0.089 5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Brandywine Spritz color name →
#E69DAD
oklch(0.772 0.089 5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9A7B5
- ECB1BD
- EFBAC5
- F2C4CD
- F5CED5
- F7D8DE
- F9E1E6
- FBEBEE
- FDF5F7
Odcienie ciemniejsze
- C88896
- AB737F
- 8E5F6A
- 734C55
- 593A41
- 40282D
- 28181B
- 13090B
- 030101
Tony
- DC9AA8
- D298A4
- C7959F
- BD929B
- B38F96
- A98C92
- 9F898D
- 958689
- 8A8384
Harmonie kolorów
Komplementarna +180°
- E69DAD
Brandywine Spritz
- 6DC8BC
≈ Shockwave
Analogowa -30° +30°
- E69DAD
Brandywine Spritz
- D99FCB
≈ Rose Garden
- E7A08E
≈ Coral Blush
Triada +120° +240°
- E69DAD
Brandywine Spritz
- A8BF80
≈ Margarita
- 84BBEA
≈ Electric Eel
Komplementarna rozszczepiona +150° +210°
- E69DAD
Brandywine Spritz
- 86C69C
≈ Foul Green
- 6CC3D8
≈ Squeaky
Tetrada +90° +180° +270°
- E69DAD
Brandywine Spritz
- C6B571
≈ Olive Marinade
- 6DC8BC
≈ Shockwave
- A4B1EE
≈ Wondrous Wisteria
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.14:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.79:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
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);
}