最も近い色名 · #E52536
#E52536
最も近い色名: Transfusion
#E52536（rgb(229 37 54)、hsl(355 79% 52%)、oklch(0.594 0.222 23.8)）に最も近い色名はTransfusionです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E52536
oklch(0.594 0.222 23.8)
カラー変換
- HEX
- #e52536
- RGB
- rgb(229 37 54)
- HSL
- hsl(355 79% 52%)
- HWB
- hwb(355 15% 10%)
- OKLCH
- oklch(0.594 0.222 23.8)
- OKLab
- oklab(0.594 0.203 0.09)
- CIE Lab
- lab(50.67 70.68 42.6)
- LCH
- lch(50.67 82.53 31.1)
- CMYK
- cmyk(0% 84% 76% 10%)
ティント · シェード · トーン
ティント
- EB484B
- F1615F
- F57773
- F98C87
- FCA09A
- FFB3AE
- FFC7C2
- FFD9D6
- FFECEA
シェード
- C71F2E
- AA1925
- 8E131E
- 720D16
- 58080F
- 3F0408
- 280203
- 120001
- 030000
トーン
- DD393F
- D44748
- CB5250
- C25B57
- B8635F
- AE6A66
- A4706C
- 997673
- 8D7B7A
カラーハーモニー
補色 +180°
- E52536
Transfusion
- 00909A
≈ Splashy
類似色 -30° +30°
- E52536
Transfusion
- D92888
≈ Dark Princess Pink
- C06000
≈ Crema
トライアド +120° +240°
- E52536
Transfusion
- 009A1C
≈ Turf Master
- 3671FF
≈ Hailey Blue
スプリットコンプリメンタリー +150° +210°
- E52536
Transfusion
- 009479
≈ Pool Table
- 0089BD
≈ Mermaid Dreams
テトラード +90° +180° +270°
- E52536
Transfusion
- 7F8600
≈ Elwynn Forest Olive
- 00909A
≈ Splashy
- 8A56F3
≈ Pericallis Hybrida
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.51:1 · APCA Lc 69
Ag
AA黒の上
WCAG 4.64:1 · APCA Lc 32
最適な文字色: #000000
WCAG 4.64:1 (AA) · APCA Lc 32
Contrast pairs
コードスニペット
CSS
:root {
--transfusion: #e52536;
--transfusion-rgb: 229 37 54;
--transfusion-oklch: oklch(0.594 0.222 23.8);
}
.element {
color: var(--transfusion);
background-color: hsl(355 79% 52%);
border-color: oklch(0.594 0.222 23.8);
}Tailwind CSS v4
@theme {
--color-transfusion: #e52536;
--color-transfusion-50: #ffddd4;
--color-transfusion-100: #ffcbc1;
--color-transfusion-200: #ffada2;
--color-transfusion-300: #ff847a;
--color-transfusion-400: #ff585a;
--color-transfusion-500: #f71434;
--color-transfusion-600: #d1192d;
--color-transfusion-700: #a81624;
--color-transfusion-800: #7e0c1c;
--color-transfusion-900: #590812;
--color-transfusion-950: #3c0005;
}SCSS
$transfusion: #e52536;
$transfusion-rgb: 229, 37, 54;
$transfusion-light: mix(#fff, $transfusion, 20%);
$transfusion-dark: mix(#000, $transfusion, 20%);
.element {
color: $transfusion;
box-shadow: 0 0 0 2px rgba($transfusion, 0.35);
}