Adlandırılmış renk · #DD180E
Hot Flamin Chilli
Hot Flamin Chilli, #DD180E: rgb(221 24 14), hsl(3 88% 46%), oklch(0.57 0.225 29.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Hot Flamin Chilli color name →
#DD180E
oklch(0.57 0.225 29.4)
Renk dönüşümleri
- HEX
- #dd180e
- RGB
- rgb(221 24 14)
- HSL
- hsl(3 88% 46%)
- HWB
- hwb(3 5% 13%)
- OKLCH
- oklch(0.57 0.225 29.4)
- OKLab
- oklab(0.57 0.196 0.11)
- CIE Lab
- lab(47.97 70.24 58.79)
- LCH
- lch(47.97 91.6 39.9)
- CMYK
- cmyk(0% 89% 94% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E44132
- EA5C4B
- F07362
- F58879
- F99D8F
- FCB1A5
- FEC5BB
- FFD8D2
- FFECE8
Koyu tonlar
- C0130B
- A40F07
- 880A05
- 6E0703
- 550402
- 3D0201
- 260100
- 110000
- 020000
Gri tonlar
- D63124
- CE4133
- C64D3F
- BE574A
- B56054
- AC685D
- A26E66
- 98756F
- 8C7B78
Renk uyumları
Tamamlayıcı +180°
- DD180E
Hot Flamin Chilli
- 008797
≈ Tropical Teal
Analog -30° +30°
- DD180E
Hot Flamin Chilli
- D51273
≈ Moth Orchid
- B06000
≈ Orange Brown
Üçlü +120° +240°
- DD180E
Hot Flamin Chilli
- 00903E
≈ Viper Green
- 4663F9
≈ Secret of Mana
Bölünmüş tamamlayıcı +150° +210°
- DD180E
Hot Flamin Chilli
- 008B79
≈ Emerald Enchantment
- 0080BB
≈ Phuket Palette
Dörtlü +90° +180° +270°
- DD180E
Hot Flamin Chilli
- 6F8200
≈ Verde Tropa
- 008797
≈ Tropical Teal
- 8E49E5
≈ Pericallis Hybrida
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.98:1 · APCA Lc 72
Ag
FailSiyah üzerinde
WCAG 4.21:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.98:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--hot-flamin-chilli: #dd180e;
--hot-flamin-chilli-rgb: 221 24 14;
--hot-flamin-chilli-oklch: oklch(0.57 0.225 29.4);
}
.element {
color: var(--hot-flamin-chilli);
background-color: hsl(3 88% 46%);
border-color: oklch(0.57 0.225 29.4);
}Tailwind CSS v4
@theme {
--color-hot-flamin-chilli: #dd180e;
--color-hot-flamin-chilli-50: #ffdece;
--color-hot-flamin-chilli-100: #ffccba;
--color-hot-flamin-chilli-200: #ffae98;
--color-hot-flamin-chilli-300: #ff856c;
--color-hot-flamin-chilli-400: #ff5a47;
--color-hot-flamin-chilli-500: #f8170c;
--color-hot-flamin-chilli-600: #d11b11;
--color-hot-flamin-chilli-700: #a9170e;
--color-hot-flamin-chilli-800: #7e0c0e;
--color-hot-flamin-chilli-900: #590909;
--color-hot-flamin-chilli-950: #3c0000;
}SCSS
$hot-flamin-chilli: #dd180e;
$hot-flamin-chilli-rgb: 221, 24, 14;
$hot-flamin-chilli-light: mix(#fff, $hot-flamin-chilli, 20%);
$hot-flamin-chilli-dark: mix(#000, $hot-flamin-chilli, 20%);
.element {
color: $hot-flamin-chilli;
box-shadow: 0 0 0 2px rgba($hot-flamin-chilli, 0.35);
}