En yakın adlandırılmış renk · #DE0040
#DE0040
En yakın adlandırılmış renk: Red Herring
#DE0040 (rgb(222 0 64), hsl(343 100% 44%), oklch(0.571 0.229 18.2)) en çok Red Herring adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DE0040
oklch(0.571 0.229 18.2)
Renk dönüşümleri
- HEX
- #de0040
- RGB
- rgb(222 0 64)
- HSL
- hsl(343 100% 44%)
- HWB
- hwb(343 0% 13%)
- OKLCH
- oklch(0.571 0.229 18.2)
- OKLab
- oklab(0.571 0.217 0.071)
- CIE Lab
- lab(47.7 73.68 33)
- LCH
- lch(47.7 80.73 24.1)
- CMYK
- cmyk(0% 100% 71% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E53A53
- EB5765
- F16F78
- F6858A
- FA9A9D
- FDAFB0
- FFC3C3
- FFD7D7
- FFEBEB
Koyu tonlar
- C10036
- A5002D
- 890024
- 6F001B
- 550013
- 3D000B
- 260005
- 120001
- 020000
Gri tonlar
- D72947
- CF3C4E
- C74955
- BE545B
- B65D62
- AC6668
- A36D6E
- 987474
- 8D7A7A
Renk uyumları
Tamamlayıcı +180°
- DE0040
Red Herring
- 00898C
≈ Industrial Blue
Analog -30° +30°
- DE0040
Red Herring
- CE188E
≈ Purple Heart Kiwi
- BD5400
≈ Obscure Orange
Üçlü +120° +240°
- DE0040
Red Herring
- 378E00
≈ Cossack Green
- 0070F1
≈ Níu Zǎi Sè Denim
Bölünmüş tamamlayıcı +150° +210°
- DE0040
Red Herring
- 008D6B
≈ Indonesian Jungle
- 0083AB
≈ Tusche Blue
Dörtlü +90° +180° +270°
- DE0040
Red Herring
- 7F7C00
≈ Olive
- 00898C
≈ Industrial Blue
- 7951F3
≈ Candy Grape Fizz
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.02:1 · APCA Lc 72
Ag
FailSiyah üzerinde
WCAG 4.17:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 5.02:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--red-herring: #de0040;
--red-herring-rgb: 222 0 64;
--red-herring-oklch: oklch(0.571 0.229 18.2);
}
.element {
color: var(--red-herring);
background-color: hsl(343 100% 44%);
border-color: oklch(0.571 0.229 18.2);
}Tailwind CSS v4
@theme {
--color-red-herring: #de0040;
--color-red-herring-50: #ffdbda;
--color-red-herring-100: #ffc9c8;
--color-red-herring-200: #ffaaab;
--color-red-herring-300: #ff8085;
--color-red-herring-400: #ff5369;
--color-red-herring-500: #f90048;
--color-red-herring-600: #d2093d;
--color-red-herring-700: #a90b31;
--color-red-herring-800: #7e0525;
--color-red-herring-900: #5a0519;
--color-red-herring-950: #3c000a;
}SCSS
$red-herring: #de0040;
$red-herring-rgb: 222, 0, 64;
$red-herring-light: mix(#fff, $red-herring, 20%);
$red-herring-dark: mix(#000, $red-herring, 20%);
.element {
color: $red-herring;
box-shadow: 0 0 0 2px rgba($red-herring, 0.35);
}