色名 · #E69DAD
Brandywine Spritz
Brandywine Spritzは#E69DAD：rgb(230 157 173)、hsl(347 59% 76%)、oklch(0.772 0.089 5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Brandywine Spritz color name →
#E69DAD
oklch(0.772 0.089 5)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- E9A7B5
- ECB1BD
- EFBAC5
- F2C4CD
- F5CED5
- F7D8DE
- F9E1E6
- FBEBEE
- FDF5F7
シェード
- C88896
- AB737F
- 8E5F6A
- 734C55
- 593A41
- 40282D
- 28181B
- 13090B
- 030101
トーン
- DC9AA8
- D298A4
- C7959F
- BD929B
- B38F96
- A98C92
- 9F898D
- 958689
- 8A8384
カラーハーモニー
補色 +180°
- E69DAD
Brandywine Spritz
- 6DC8BC
≈ Shockwave
類似色 -30° +30°
- E69DAD
Brandywine Spritz
- D99FCB
≈ Rose Garden
- E7A08E
≈ Coral Blush
トライアド +120° +240°
- E69DAD
Brandywine Spritz
- A8BF80
≈ Margarita
- 84BBEA
≈ Electric Eel
スプリットコンプリメンタリー +150° +210°
- E69DAD
Brandywine Spritz
- 86C69C
≈ Foul Green
- 6CC3D8
≈ Squeaky
テトラード +90° +180° +270°
- E69DAD
Brandywine Spritz
- C6B571
≈ Olive Marinade
- 6DC8BC
≈ Shockwave
- A4B1EE
≈ Wondrous Wisteria
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.14:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.79:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
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);
}