가장 가까운 이름 색상 · #ED002C
#ED002C
가장 가까운 이름 색상: Transfusion
#ED002C(rgb(237 0 44), hsl(349 100% 46%), oklch(0.596 0.241 24.1))와 가장 가까운 이름 색상은 Transfusion입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#ED002C
oklch(0.596 0.241 24.1)
색상 변환
- HEX
- #ed002c
- RGB
- rgb(237 0 44)
- HSL
- hsl(349 100% 46%)
- HWB
- hwb(349 0% 7%)
- OKLCH
- oklch(0.596 0.241 24.1)
- OKLab
- oklab(0.596 0.22 0.099)
- CIE Lab
- lab(50.68 76.86 48.87)
- LCH
- lch(50.68 91.08 32.5)
- CMYK
- cmyk(0% 100% 81% 7%)
틴트 · 셰이드 · 톤
틴트
- F33D44
- F85A59
- FC736E
- FF8982
- FF9D97
- FFB2AB
- FFC5C0
- FFD9D5
- FFECEA
셰이드
- CE0025
- B0001E
- 930017
- 770011
- 5C000A
- 420005
- 2A0002
- 140001
- 030000
톤
- E42C38
- DB3E42
- D14C4B
- C75753
- BD605B
- B26863
- A76F6B
- 9B7572
- 8E7B79
색 조화
보색 +180°
- ED002C
Transfusion
- 00909B
≈ Coral Coast
유사색 -30° +30°
- ED002C
Transfusion
- E00D88
≈ Benevolent Pink
- C16100
≈ Crema
삼각 배색 +120° +240°
- ED002C
Transfusion
- 009A20
≈ Turf Master
- 3972FF
≈ Hailey Blue
분열 보색 +150° +210°
- ED002C
Transfusion
- 00957A
≈ Pool Table
- 008ABE
≈ Mermaid Dreams
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 4.52:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 4.63:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.63:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--transfusion: #ed002c;
--transfusion-rgb: 237 0 44;
--transfusion-oklch: oklch(0.596 0.241 24.1);
}
.element {
color: var(--transfusion);
background-color: hsl(349 100% 46%);
border-color: oklch(0.596 0.241 24.1);
}Tailwind CSS v4
@theme {
--color-transfusion: #ed002c;
--color-transfusion-50: #ffdbd1;
--color-transfusion-100: #ffc8bd;
--color-transfusion-200: #ffa99d;
--color-transfusion-300: #ff7d73;
--color-transfusion-400: #ff4d52;
--color-transfusion-500: #ff0026;
--color-transfusion-600: #d70023;
--color-transfusion-700: #ad001c;
--color-transfusion-800: #820017;
--color-transfusion-900: #5c000f;
--color-transfusion-950: #3e0003;
}SCSS
$transfusion: #ed002c;
$transfusion-rgb: 237, 0, 44;
$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);
}