色名 · #EEBBBB
Angry Ghost
Angry Ghostは#EEBBBB：rgb(238 187 187)、hsl(0 60% 83%)、oklch(0.838 0.059 18.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Angry Ghost color name →
#EEBBBB
oklch(0.838 0.059 18.4)
カラー変換
- HEX
- #eebbbb
- RGB
- rgb(238 187 187)
- HSL
- hsl(0 60% 83%)
- HWB
- hwb(0 73% 7%)
- OKLCH
- oklch(0.838 0.059 18.4)
- OKLab
- oklab(0.838 0.056 0.019)
- CIE Lab
- lab(80.55 18.92 7.41)
- LCH
- lch(80.55 20.32 21.4)
- CMYK
- cmyk(0% 21% 21% 7%)
ティント · シェード · トーン
ティント
- F0C2C2
- F2C9C8
- F4CFCF
- F6D6D6
- F7DDDD
- F9E4E3
- FBEAEA
- FCF1F1
- FEF8F8
シェード
- CFA2A2
- B18A8A
- 937373
- 775C5C
- 5C4646
- 423232
- 2A1F1F
- 140D0D
- 030202
トーン
- E3B5B5
- D7AFAF
- CCA9A9
- C1A3A3
- B69D9D
- AB9797
- A09191
- 958C8C
- 8B8686
カラーハーモニー
補色 +180°
- EEBBBB
Angry Ghost
- 9CD6D8
≈ Shallow Shoal
類似色 -30° +30°
- EEBBBB
Angry Ghost
- E8BBD0
≈ Child’s Play
- EBBFA9
≈ Veronese Peach
トライアド +120° +240°
- EEBBBB
Angry Ghost
- B7D4AF
≈ Flower Stem
- B3CBF1
≈ Tropical Blue
スプリットコンプリメンタリー +150° +210°
- EEBBBB
Angry Ghost
- A5D7C3
≈ Southern Belle
- A2D2E9
≈ Chefchaouen Blue
テトラード +90° +180° +270°
- EEBBBB
Angry Ghost
- CDCDA1
≈ Wasabi Zing
- 9CD6D8
≈ Shallow Shoal
- C7C4EF
≈ Violet Gems
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.68:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.46:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.46:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--angry-ghost: #eebbbb;
--angry-ghost-rgb: 238 187 187;
--angry-ghost-oklch: oklch(0.838 0.059 18.4);
}
.element {
color: var(--angry-ghost);
background-color: hsl(0 60% 83%);
border-color: oklch(0.838 0.059 18.4);
}Tailwind CSS v4
@theme {
--color-angry-ghost: #eebbbb;
--color-angry-ghost-50: #ffefee;
--color-angry-ghost-100: #fbe1e0;
--color-angry-ghost-200: #edcbca;
--color-angry-ghost-300: #d4acab;
--color-angry-ghost-400: #bf9191;
--color-angry-ghost-500: #aa7777;
--color-angry-ghost-600: #906465;
--color-angry-ghost-700: #735051;
--color-angry-ghost-800: #553a3b;
--color-angry-ghost-900: #3b2829;
--color-angry-ghost-950: #251616;
}SCSS
$angry-ghost: #eebbbb;
$angry-ghost-rgb: 238, 187, 187;
$angry-ghost-light: mix(#fff, $angry-ghost, 20%);
$angry-ghost-dark: mix(#000, $angry-ghost, 20%);
.element {
color: $angry-ghost;
box-shadow: 0 0 0 2px rgba($angry-ghost, 0.35);
}