이름 색상 · #DD1100
Midwinter Fire
Midwinter Fire은(는) #DD1100: rgb(221 17 0), hsl(5 100% 43%), oklch(0.568 0.228 30). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Midwinter Fire color name →
#DD1100
oklch(0.568 0.228 30)
색상 변환
- HEX
- #dd1100
- RGB
- rgb(221 17 0)
- HSL
- hsl(5 100% 43%)
- HWB
- hwb(5 0% 13%)
- OKLCH
- oklch(0.568 0.228 30)
- OKLab
- oklab(0.568 0.197 0.114)
- CIE Lab
- lab(47.61 71.07 62.81)
- LCH
- lch(47.61 94.85 41.5)
- CMYK
- cmyk(0% 92% 100% 13%)
틴트 · 셰이드 · 톤
틴트
- E43F2D
- EA5A48
- F07260
- F58876
- F99C8D
- FCB0A3
- FEC4BA
- FFD8D1
- FFEBE8
셰이드
- C00D00
- A40900
- 880600
- 6E0400
- 550200
- 3D0100
- 260000
- 110000
- 020000
톤
- D62F1F
- CE3F2F
- C64C3C
- BE5647
- B55F52
- AC675C
- A26E65
- 98756E
- 8C7A77
색 조화
보색 +180°
- DD1100
Midwinter Fire
- 008696
≈ Painted Sea
유사색 -30° +30°
- DD1100
Midwinter Fire
- D50771
≈ Moth Orchid
- AE6000
≈ Orange Brown
삼각 배색 +120° +240°
- DD1100
Midwinter Fire
- 008F40
≈ Viper Green
- 4761FA
≈ Blue Titmouse
분열 보색 +150° +210°
- DD1100
Midwinter Fire
- 008A79
≈ Emerald Enchantment
- 007FBB
≈ Meissen Blue
사각 배색 +90° +180° +270°
- DD1100
Midwinter Fire
- 6D8100
≈ Verde Tropa
- 008696
≈ Painted Sea
- 8F46E5
≈ Chaste Blossoms
대비 및 접근성
Ag
AA흰색 위
WCAG 5.05:1 · APCA Lc 72
Ag
Fail검은색 위
WCAG 4.15:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 5.05:1 (AA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--midwinter-fire: #dd1100;
--midwinter-fire-rgb: 221 17 0;
--midwinter-fire-oklch: oklch(0.568 0.228 30);
}
.element {
color: var(--midwinter-fire);
background-color: hsl(5 100% 43%);
border-color: oklch(0.568 0.228 30);
}Tailwind CSS v4
@theme {
--color-midwinter-fire: #dd1100;
--color-midwinter-fire-50: #ffdecd;
--color-midwinter-fire-100: #ffccb8;
--color-midwinter-fire-200: #ffae96;
--color-midwinter-fire-300: #ff8469;
--color-midwinter-fire-400: #ff5844;
--color-midwinter-fire-500: #f91000;
--color-midwinter-fire-600: #d21807;
--color-midwinter-fire-700: #a91408;
--color-midwinter-fire-800: #7f0a0b;
--color-midwinter-fire-900: #5a0807;
--color-midwinter-fire-950: #3c0000;
}SCSS
$midwinter-fire: #dd1100;
$midwinter-fire-rgb: 221, 17, 0;
$midwinter-fire-light: mix(#fff, $midwinter-fire, 20%);
$midwinter-fire-dark: mix(#000, $midwinter-fire, 20%);
.element {
color: $midwinter-fire;
box-shadow: 0 0 0 2px rgba($midwinter-fire, 0.35);
}