가장 가까운 이름 색상 · #D4200F
#D4200F
가장 가까운 이름 색상: Redsurrection
#D4200F(rgb(212 32 15), hsl(5 87% 45%), oklch(0.557 0.213 30.2))와 가장 가까운 이름 색상은 Redsurrection입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D4200F
oklch(0.557 0.213 30.2)
색상 변환
- HEX
- #d4200f
- RGB
- rgb(212 32 15)
- HSL
- hsl(5 87% 45%)
- HWB
- hwb(5 6% 17%)
- OKLCH
- oklch(0.557 0.213 30.2)
- OKLab
- oklab(0.557 0.184 0.107)
- CIE Lab
- lab(46.6 66.46 56.55)
- LCH
- lch(46.6 87.27 40.4)
- CMYK
- cmyk(0% 85% 93% 17%)
틴트 · 셰이드 · 톤
틴트
- DC4332
- E35D4B
- E97362
- EF8878
- F39D8E
- F8B1A4
- FBC4BB
- FDD8D1
- FFEBE8
셰이드
- B81A0B
- 9D1508
- 830F05
- 690A03
- 510602
- 3A0301
- 240100
- 100000
- 020000
톤
- CD3524
- C74333
- BF4E3E
- B85749
- B06053
- A8675D
- 9F6E66
- 96756F
- 8B7A77
색 조화
보색 +180°
- D4200F
Redsurrection
- 008393
≈ Island Lush
유사색 -30° +30°
- D4200F
Redsurrection
- CD1A6E
≈ Xīpe Totēc Red
- AA5E00
≈ Raw Umber
삼각 배색 +120° +240°
- D4200F
Redsurrection
- 008B3F
≈ Cold Green
- 4761EE
≈ The Rainbow Fish
분열 보색 +150° +210°
- D4200F
Redsurrection
- 008776
≈ Summer Turquoise
- 007BB7
≈ Star Command Blue
사각 배색 +90° +180° +270°
- D4200F
Redsurrection
- 6A7E00
≈ Topiary Garden
- 008393
≈ Island Lush
- 8A48DB
≈ Gloomy Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 5.23:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.01:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--redsurrection: #d4200f;
--redsurrection-rgb: 212 32 15;
--redsurrection-oklch: oklch(0.557 0.213 30.2);
}
.element {
color: var(--redsurrection);
background-color: hsl(5 87% 45%);
border-color: oklch(0.557 0.213 30.2);
}Tailwind CSS v4
@theme {
--color-redsurrection: #d4200f;
--color-redsurrection-50: #ffdfcf;
--color-redsurrection-100: #ffcebb;
--color-redsurrection-200: #ffb19a;
--color-redsurrection-300: #ff896f;
--color-redsurrection-400: #ff604b;
--color-redsurrection-500: #f32a16;
--color-redsurrection-600: #cd2717;
--color-redsurrection-700: #a52013;
--color-redsurrection-800: #7c1410;
--color-redsurrection-900: #580d0a;
--color-redsurrection-950: #3b0001;
}SCSS
$redsurrection: #d4200f;
$redsurrection-rgb: 212, 32, 15;
$redsurrection-light: mix(#fff, $redsurrection, 20%);
$redsurrection-dark: mix(#000, $redsurrection, 20%);
.element {
color: $redsurrection;
box-shadow: 0 0 0 2px rgba($redsurrection, 0.35);
}