最も近い色名 · #E87797
#E87797
最も近い色名: Embarrassed
#E87797（rgb(232 119 151)、hsl(343 71% 69%)、oklch(0.707 0.143 3.4)）に最も近い色名はEmbarrassedです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E87797
oklch(0.707 0.143 3.4)
カラー変換
- HEX
- #e87797
- RGB
- rgb(232 119 151)
- HSL
- hsl(343 71% 69%)
- HWB
- hwb(343 47% 9%)
- OKLCH
- oklch(0.707 0.143 3.4)
- OKLab
- oklab(0.707 0.143 0.009)
- CIE Lab
- lab(64.21 47 3.93)
- LCH
- lch(64.21 47.16 4.8)
- CMYK
- cmyk(0% 49% 35% 9%)
ティント · シェード · トーン
ティント
- EC85A1
- EF93AB
- F3A1B5
- F6AEBF
- F8BCCA
- FAC9D4
- FCD7DF
- FDE4E9
- FEF2F4
シェード
- CA6783
- AC576F
- 90475C
- 743849
- 592A37
- 401C26
- 291017
- 130508
- 030101
トーン
- DE7995
- D47A92
- CA7C90
- C07D8E
- B67E8B
- AC7F89
- A17F87
- 968085
- 8B8082
カラーハーモニー
補色 +180°
- E87797
Embarrassed
- 00B9A8
≈ Verditer
類似色 -30° +30°
- E87797
Embarrassed
- D57CC6
≈ Purple Kush
- EB7C64
≈ Cool Lava
トライアド +120° +240°
- E87797
Embarrassed
- 8FAF3E
≈ Googolplex
- 41A9F2
≈ Adamantine Blue
スプリットコンプリメンタリー +150° +210°
- E87797
Embarrassed
- 4BBA75
≈ Esmeralda
- 00B4CF
≈ Aquarius
テトラード +90° +180° +270°
- E87797
Embarrassed
- BF9D0A
≈ Perennial
- 00B9A8
≈ Verditer
- 8498F9
≈ Periwinkle Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.51:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--embarrassed: #e87797;
--embarrassed-rgb: 232 119 151;
--embarrassed-oklch: oklch(0.707 0.143 3.4);
}
.element {
color: var(--embarrassed);
background-color: hsl(343 71% 69%);
border-color: oklch(0.707 0.143 3.4);
}Tailwind CSS v4
@theme {
--color-embarrassed: #e87797;
--color-embarrassed-50: #ffe5ef;
--color-embarrassed-100: #ffd5e1;
--color-embarrassed-200: #ffbbcb;
--color-embarrassed-300: #f598ad;
--color-embarrassed-400: #e37895;
--color-embarrassed-500: #d0567c;
--color-embarrassed-600: #b04a69;
--color-embarrassed-700: #8d3b54;
--color-embarrassed-800: #692a3f;
--color-embarrassed-900: #4a1c2b;
--color-embarrassed-950: #300c19;
}SCSS
$embarrassed: #e87797;
$embarrassed-rgb: 232, 119, 151;
$embarrassed-light: mix(#fff, $embarrassed, 20%);
$embarrassed-dark: mix(#000, $embarrassed, 20%);
.element {
color: $embarrassed;
box-shadow: 0 0 0 2px rgba($embarrassed, 0.35);
}