가장 가까운 이름 색상 · #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);
}