最も近い色名 · #E53C76
#E53C76
最も近い色名: Fantasy Romance
#E53C76（rgb(229 60 118)、hsl(339 76% 57%)、oklch(0.623 0.207 5.1)）に最も近い色名はFantasy Romanceです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E53C76
oklch(0.623 0.207 5.1)
カラー変換
- HEX
- #e53c76
- RGB
- rgb(229 60 118)
- HSL
- hsl(339 76% 57%)
- HWB
- hwb(339 24% 10%)
- OKLCH
- oklch(0.623 0.207 5.1)
- OKLab
- oklab(0.623 0.207 0.018)
- CIE Lab
- lab(53.78 67.39 8.38)
- LCH
- lch(53.78 67.9 7.1)
- CMYK
- cmyk(0% 74% 48% 10%)
ティント · シェード · トーン
ティント
- EB5683
- F06B90
- F47F9D
- F893AB
- FBA5B8
- FDB7C6
- FFC9D4
- FFDBE2
- FFEDF1
シェード
- C73366
- AA2A56
- 8E2147
- 721938
- 581129
- 3F0A1C
- 28040F
- 120105
- 030001
トーン
- DC4877
- D35278
- CA5A79
- C1617A
- B7687B
- AD6E7C
- A3737D
- 98787E
- 8C7C7F
カラーハーモニー
補色 +180°
- E53C76
Fantasy Romance
- 009C90
≈ Stormy Strait Green
類似色 -30° +30°
- E53C76
Fantasy Romance
- CE48B7
≈ Zǐ Sè Purple
- E94516
≈ Corn Poppy Cherry
トライアド +120° +240°
- E53C76
Fantasy Romance
- 719600
≈ Green Thumb
- 008DDE
≈ Blue Cola
スプリットコンプリメンタリー +150° +210°
- E53C76
Fantasy Romance
- 00A15C
≈ Shamrock
- 0097B0
≈ Aquarium Diver
テトラード +90° +180° +270°
- E53C76
Fantasy Romance
- 9F8500
≈ Pestilence
- 009C90
≈ Stormy Strait Green
- 6874FF
≈ Byzantine Night Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.00:1 · APCA Lc 66
Ag
AA黒の上
WCAG 5.23:1 · APCA Lc 36
最適な文字色: #000000
WCAG 5.23:1 (AA) · APCA Lc 36
Contrast pairs
コードスニペット
CSS
:root {
--fantasy-romance: #e53c76;
--fantasy-romance-rgb: 229 60 118;
--fantasy-romance-oklch: oklch(0.623 0.207 5.1);
}
.element {
color: var(--fantasy-romance);
background-color: hsl(339 76% 57%);
border-color: oklch(0.623 0.207 5.1);
}Tailwind CSS v4
@theme {
--color-fantasy-romance: #e53c76;
--color-fantasy-romance-50: #ffddeb;
--color-fantasy-romance-100: #ffcbdc;
--color-fantasy-romance-200: #ffaec5;
--color-fantasy-romance-300: #ff85a5;
--color-fantasy-romance-400: #fd5d8e;
--color-fantasy-romance-500: #eb2973;
--color-fantasy-romance-600: #c72662;
--color-fantasy-romance-700: #a01f4e;
--color-fantasy-romance-800: #77143b;
--color-fantasy-romance-900: #540d29;
--color-fantasy-romance-950: #380017;
}SCSS
$fantasy-romance: #e53c76;
$fantasy-romance-rgb: 229, 60, 118;
$fantasy-romance-light: mix(#fff, $fantasy-romance, 20%);
$fantasy-romance-dark: mix(#000, $fantasy-romance, 20%);
.element {
color: $fantasy-romance;
box-shadow: 0 0 0 2px rgba($fantasy-romance, 0.35);
}