最も近い色名 · #E86EC7
#E86EC7
最も近い色名: Illicit Pink
#E86EC7（rgb(232 110 199)、hsl(316 73% 67%)、oklch(0.711 0.182 338.9)）に最も近い色名はIllicit Pinkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E86EC7
oklch(0.711 0.182 338.9)
カラー変換
- HEX
- #e86ec7
- RGB
- rgb(232 110 199)
- HSL
- hsl(316 73% 67%)
- HWB
- hwb(316 43% 9%)
- OKLCH
- oklch(0.711 0.182 338.9)
- OKLab
- oklab(0.711 0.17 -0.066)
- CIE Lab
- lab(63.83 55.88 -23.83)
- LCH
- lch(63.83 60.75 336.9)
- CMYK
- cmyk(0% 53% 14% 9%)
ティント · シェード · トーン
ティント
- EC7ECD
- EF8DD3
- F39CD8
- F6AADE
- F8B9E3
- FAC7E9
- FCD5EF
- FDE3F4
- FEF1FA
シェード
- CA5FAD
- AC5093
- 90417A
- 743362
- 59264C
- 401936
- 290E21
- 13040E
- 030102
トーン
- DE71C0
- D474B9
- CA77B2
- C079AA
- B67BA3
- AB7C9C
- A17E95
- 967F8E
- 8B7F87
カラーハーモニー
補色 +180°
- E86EC7
Illicit Pink
- 00BF7B
≈ Fennel Fiesta
類似色 -30° +30°
- E86EC7
Illicit Pink
- C37DF7
≈ Illicit Purple
- FC688A
≈ Berlin Pink
トライアド +120° +240°
- E86EC7
Illicit Pink
- B9A200
≈ Snakebite Leather
- 00B4D8
≈ Ocean Sigh
スプリットコンプリメンタリー +150° +210°
- E86EC7
Illicit Pink
- 7EB617
≈ Dark Lime
- 00BAB1
≈ Turquoise Topaz
テトラード +90° +180° +270°
- E86EC7
Illicit Pink
- DF8D00
≈ Harvest Eve Gold
- 00BF7B
≈ Fennel Fiesta
- 44A7FF
≈ Xed
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.48:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--illicit-pink: #e86ec7;
--illicit-pink-rgb: 232 110 199;
--illicit-pink-oklch: oklch(0.711 0.182 338.9);
}
.element {
color: var(--illicit-pink);
background-color: hsl(316 73% 67%);
border-color: oklch(0.711 0.182 338.9);
}Tailwind CSS v4
@theme {
--color-illicit-pink: #e86ec7;
--color-illicit-pink-50: #ffe1ff;
--color-illicit-pink-100: #ffd0fa;
--color-illicit-pink-200: #ffb5ec;
--color-illicit-pink-300: #f590d3;
--color-illicit-pink-400: #e16ec2;
--color-illicit-pink-500: #ce49ad;
--color-illicit-pink-600: #ae3f92;
--color-illicit-pink-700: #8c3275;
--color-illicit-pink-800: #672359;
--color-illicit-pink-900: #49183e;
--color-illicit-pink-950: #2f0827;
}SCSS
$illicit-pink: #e86ec7;
$illicit-pink-rgb: 232, 110, 199;
$illicit-pink-light: mix(#fff, $illicit-pink, 20%);
$illicit-pink-dark: mix(#000, $illicit-pink, 20%);
.element {
color: $illicit-pink;
box-shadow: 0 0 0 2px rgba($illicit-pink, 0.35);
}