最も近い色名 · #EA1145
#EA1145
最も近い色名: Enraged
#EA1145（rgb(234 17 69)、hsl(346 86% 49%)、oklch(0.598 0.234 18.5)）に最も近い色名はEnragedです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#EA1145
oklch(0.598 0.234 18.5)
カラー変換
- HEX
- #ea1145
- RGB
- rgb(234 17 69)
- HSL
- hsl(346 86% 49%)
- HWB
- hwb(346 7% 8%)
- OKLCH
- oklch(0.598 0.234 18.5)
- OKLab
- oklab(0.598 0.222 0.074)
- CIE Lab
- lab(50.77 75.36 34.27)
- LCH
- lch(50.77 82.79 24.5)
- CMYK
- cmyk(0% 93% 71% 8%)
ティント · シェード · トーン
ティント
- F04057
- F55C69
- F9747C
- FD898E
- FF9EA0
- FFB2B3
- FFC5C5
- FFD9D8
- FFECEC
シェード
- CB0D3B
- AE0931
- 910627
- 75041E
- 5A0215
- 41010C
- 290005
- 130002
- 030000
トーン
- E1304C
- D84152
- CF4D58
- C5585E
- BB6064
- B1686A
- A66F70
- 9A7575
- 8E7B7B
カラーハーモニー
補色 +180°
- EA1145
Enraged
- 009196
≈ Splashy
類似色 -30° +30°
- EA1145
Enraged
- DA2196
≈ Benevolent Pink
- C95A00
≈ Rusty Orange
トライアド +120° +240°
- EA1145
Enraged
- 399700
≈ Planter
- 0D77FF
≈ Hadfield Blue
スプリットコンプリメンタリー +150° +210°
- EA1145
Enraged
- 009672
≈ Cadaverous
- 008CB6
≈ Spinnaker Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 69
Ag
AA黒の上
WCAG 4.66:1 · APCA Lc 33
最適な文字色: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
コードスニペット
CSS
:root {
--enraged: #ea1145;
--enraged-rgb: 234 17 69;
--enraged-oklch: oklch(0.598 0.234 18.5);
}
.element {
color: var(--enraged);
background-color: hsl(346 86% 49%);
border-color: oklch(0.598 0.234 18.5);
}Tailwind CSS v4
@theme {
--color-enraged: #ea1145;
--color-enraged-50: #ffdbd9;
--color-enraged-100: #ffc8c7;
--color-enraged-200: #ffa9a9;
--color-enraged-300: #ff7e83;
--color-enraged-400: #ff5066;
--color-enraged-500: #fb0044;
--color-enraged-600: #d4003b;
--color-enraged-700: #ab022f;
--color-enraged-800: #800024;
--color-enraged-900: #5a0318;
--color-enraged-950: #3d0009;
}SCSS
$enraged: #ea1145;
$enraged-rgb: 234, 17, 69;
$enraged-light: mix(#fff, $enraged, 20%);
$enraged-dark: mix(#000, $enraged, 20%);
.element {
color: $enraged;
box-shadow: 0 0 0 2px rgba($enraged, 0.35);
}