色名 · #EA27C2
Kriss Me Not Fuchsia
Kriss Me Not Fuchsiaは#EA27C2：rgb(234 39 194)、hsl(312 82% 54%)、oklch(0.646 0.263 338.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Kriss Me Not Fuchsia color name →
#EA27C2
oklch(0.646 0.263 338.7)
カラー変換
- HEX
- #ea27c2
- RGB
- rgb(234 39 194)
- HSL
- hsl(312 82% 54%)
- HWB
- hwb(312 15% 8%)
- OKLCH
- oklch(0.646 0.263 338.7)
- OKLab
- oklab(0.646 0.245 -0.095)
- CIE Lab
- lab(55.1 79.55 -34.35)
- LCH
- lch(55.1 86.65 336.6)
- CMYK
- cmyk(0% 83% 17% 8%)
ティント · シェード · トーン
ティント
- EF4BC9
- F364CF
- F77BD5
- FA8FDC
- FDA3E2
- FFB6E8
- FFC8EE
- FFDBF4
- FFEDF9
シェード
- CB20A8
- AE1A8F
- 911477
- 750E60
- 5A0849
- 410434
- 290220
- 13010E
- 030002
トーン
- E13BBC
- D749B5
- CD54AF
- C45DA8
- B965A2
- AF6C9B
- A47294
- 99778E
- 8D7C87
カラーハーモニー
補色 +180°
- EA27C2
Kriss Me Not Fuchsia
- 00A96B
≈ Jade
類似色 -30° +30°
- EA27C2
Kriss Me Not Fuchsia
- BA4FFF
≈ Magento
- FF1A6F
≈ Vivid Raspberry
トライアド +120° +240°
- EA27C2
Kriss Me Not Fuchsia
- A38E00
≈ Romaine Green
- 009EBE
≈ Greek Blue
スプリットコンプリメンタリー +150° +210°
- EA27C2
Kriss Me Not Fuchsia
- 6EA000
≈ Elven Olympics
- 00A39C
≈ Grecian Isle
テトラード +90° +180° +270°
- EA27C2
Kriss Me Not Fuchsia
- C57B00
≈ Bamboo Brown
- 00A96B
≈ Jade
- 0092F3
≈ Karimun Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.77:1 · APCA Lc 63
Ag
AA黒の上
WCAG 5.56:1 · APCA Lc 38
最適な文字色: #000000
WCAG 5.56:1 (AA) · APCA Lc 38
Contrast pairs
コードスニペット
CSS
:root {
--kriss-me-not-fuchsia: #ea27c2;
--kriss-me-not-fuchsia-rgb: 234 39 194;
--kriss-me-not-fuchsia-oklch: oklch(0.646 0.263 338.7);
}
.element {
color: var(--kriss-me-not-fuchsia);
background-color: hsl(312 82% 54%);
border-color: oklch(0.646 0.263 338.7);
}Tailwind CSS v4
@theme {
--color-kriss-me-not-fuchsia: #ea27c2;
--color-kriss-me-not-fuchsia-50: #ffd8ff;
--color-kriss-me-not-fuchsia-100: #ffc5ff;
--color-kriss-me-not-fuchsia-200: #ffa4f6;
--color-kriss-me-not-fuchsia-300: #ff78df;
--color-kriss-me-not-fuchsia-400: #f94ad1;
--color-kriss-me-not-fuchsia-500: #e800be;
--color-kriss-me-not-fuchsia-600: #c400a1;
--color-kriss-me-not-fuchsia-700: #9e0081;
--color-kriss-me-not-fuchsia-800: #740063;
--color-kriss-me-not-fuchsia-900: #520145;
--color-kriss-me-not-fuchsia-950: #36002d;
}SCSS
$kriss-me-not-fuchsia: #ea27c2;
$kriss-me-not-fuchsia-rgb: 234, 39, 194;
$kriss-me-not-fuchsia-light: mix(#fff, $kriss-me-not-fuchsia, 20%);
$kriss-me-not-fuchsia-dark: mix(#000, $kriss-me-not-fuchsia, 20%);
.element {
color: $kriss-me-not-fuchsia;
box-shadow: 0 0 0 2px rgba($kriss-me-not-fuchsia, 0.35);
}