Nazwany kolor · #DD1100
Midwinter Fire
Midwinter Fire to #DD1100: rgb(221 17 0), hsl(5 100% 43%), oklch(0.568 0.228 30). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Midwinter Fire color name →
#DD1100
oklch(0.568 0.228 30)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E43F2D
- EA5A48
- F07260
- F58876
- F99C8D
- FCB0A3
- FEC4BA
- FFD8D1
- FFEBE8
Odcienie ciemniejsze
- C00D00
- A40900
- 880600
- 6E0400
- 550200
- 3D0100
- 260000
- 110000
- 020000
Tony
- D62F1F
- CE3F2F
- C64C3C
- BE5647
- B55F52
- AC675C
- A26E65
- 98756E
- 8C7A77
Harmonie kolorów
Komplementarna +180°
- DD1100
Midwinter Fire
- 008696
≈ Painted Sea
Analogowa -30° +30°
- DD1100
Midwinter Fire
- D50771
≈ Moth Orchid
- AE6000
≈ Orange Brown
Triada +120° +240°
- DD1100
Midwinter Fire
- 008F40
≈ Viper Green
- 4761FA
≈ Blue Titmouse
Komplementarna rozszczepiona +150° +210°
- DD1100
Midwinter Fire
- 008A79
≈ Emerald Enchantment
- 007FBB
≈ Meissen Blue
Tetrada +90° +180° +270°
- DD1100
Midwinter Fire
- 6D8100
≈ Verde Tropa
- 008696
≈ Painted Sea
- 8F46E5
≈ Chaste Blossoms
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.05:1 · APCA Lc 72
Ag
FailNa czerni
WCAG 4.15:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.05:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
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);
}