色名 · #E3A4B8
Garden Party
Garden Partyは#E3A4B8：rgb(227 164 184)、hsl(341 53% 77%)、oklch(0.784 0.078 358.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Garden Party color name →
#E3A4B8
oklch(0.784 0.078 358.3)
カラー変換
- HEX
- #e3a4b8
- RGB
- rgb(227 164 184)
- HSL
- hsl(341 53% 77%)
- HWB
- hwb(341 64% 11%)
- OKLCH
- oklch(0.784 0.078 358.3)
- OKLab
- oklab(0.784 0.078 -0.002)
- CIE Lab
- lab(73.94 26.11 -0.59)
- LCH
- lch(73.94 26.12 358.7)
- CMYK
- cmyk(0% 28% 19% 11%)
ティント · シェード · トーン
ティント
- E6ADBF
- EAB6C6
- EDBFCD
- F0C8D4
- F2D1DB
- F5DAE2
- F8E3E9
- FAEDF0
- FDF6F8
シェード
- C58EA0
- A87988
- 8C6471
- 71505B
- 573D45
- 3F2B31
- 271A1E
- 120A0C
- 030102
トーン
- D9A0B2
- CF9DAD
- C599A7
- BB96A1
- B1929C
- A78F96
- 9E8B90
- 94878B
- 8A8485
カラーハーモニー
補色 +180°
- E3A4B8
Garden Party
- 7FCAB9
≈ Bevelled Glass
類似色 -30° +30°
- E3A4B8
Garden Party
- D5A7D2
≈ Berry Popsicle
- E7A69C
≈ Spring Linen
トライアド +120° +240°
- E3A4B8
Garden Party
- B3C087
≈ Early Harvest
- 89C0E6
≈ Rhodes
スプリットコンプリメンタリー +150° +210°
- E3A4B8
Garden Party
- 96C79D
≈ Frost Gum
- 79C7D3
≈ Lagoona Teal
テトラード +90° +180° +270°
- E3A4B8
Garden Party
- CDB67E
≈ Yuma
- 7FCAB9
≈ Bevelled Glass
- A3B7EC
≈ Perano
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.04:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.26:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.26:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--garden-party: #e3a4b8;
--garden-party-rgb: 227 164 184;
--garden-party-oklch: oklch(0.784 0.078 358.3);
}
.element {
color: var(--garden-party);
background-color: hsl(341 53% 77%);
border-color: oklch(0.784 0.078 358.3);
}Tailwind CSS v4
@theme {
--color-garden-party: #e3a4b8;
--color-garden-party-50: #ffecf4;
--color-garden-party-100: #ffdee6;
--color-garden-party-200: #f2c7d2;
--color-garden-party-300: #daa7b5;
--color-garden-party-400: #c58b9e;
--color-garden-party-500: #b17086;
--color-garden-party-600: #955f71;
--color-garden-party-700: #784c5a;
--color-garden-party-800: #583743;
--color-garden-party-900: #3e252e;
--color-garden-party-950: #27141b;
}SCSS
$garden-party: #e3a4b8;
$garden-party-rgb: 227, 164, 184;
$garden-party-light: mix(#fff, $garden-party, 20%);
$garden-party-dark: mix(#000, $garden-party, 20%);
.element {
color: $garden-party;
box-shadow: 0 0 0 2px rgba($garden-party, 0.35);
}