Najbliższy nazwany kolor · #740000
#740000
Najbliższy nazwany kolor: Hellbound
#740000 (rgb(116 0 0), hsl(0 100% 23%), oklch(0.351 0.144 29.2)) jest najbliższy nazwanemu kolorowi Hellbound. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#740000
oklch(0.351 0.144 29.2)
Konwersje koloru
- HEX
- #740000
- RGB
- rgb(116 0 0)
- HSL
- hsl(0 100% 23%)
- HWB
- hwb(0 0% 55%)
- OKLCH
- oklch(0.351 0.144 29.2)
- OKLab
- oklab(0.351 0.126 0.07)
- CIE Lab
- lab(23.29 45.17 35.57)
- LCH
- lch(23.29 57.49 38.2)
- CMYK
- cmyk(0% 100% 100% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 84271E
- 944036
- A3584D
- B16F65
- BF867D
- CD9E96
- DAB6AF
- E7CEC9
- F3E6E4
Odcienie ciemniejsze
- 640000
- 540000
- 450000
- 370000
- 290000
- 1B0000
- 0F0000
- 050000
- 010000
Tony
- 771912
- 7A2920
- 7C362D
- 7E4139
- 804C44
- 815750
- 82615C
- 826C68
- 817674
Harmonie kolorów
Komplementarna +180°
- 740000
Hellbound
- 00434C
≈ Cold and Dark
Analogowa -30° +30°
- 740000
Hellbound
- 6F0039
≈ Merlot
- 592E00
≈ Eyelash Camel
Triada +120° +240°
- 740000
Hellbound
- 00481B
≈ Pine Green
- 1F2F84
≈ Bavarian Blue
Komplementarna rozszczepiona +150° +210°
- 740000
Hellbound
- 00453C
≈ MSU Green
- 003F5F
≈ Poseidon
Tetrada +90° +180° +270°
- 740000
Hellbound
- 364000
≈ Dark Olive
- 00434C
≈ Cold and Dark
- 471F79
≈ Clear Purple
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.05:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.74:1 · APCA Lc 7
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.05:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--hellbound: #740000;
--hellbound-rgb: 116 0 0;
--hellbound-oklch: oklch(0.351 0.144 29.2);
}
.element {
color: var(--hellbound);
background-color: hsl(0 100% 23%);
border-color: oklch(0.351 0.144 29.2);
}Tailwind CSS v4
@theme {
--color-hellbound: #740000;
--color-hellbound-50: #ffe7dc;
--color-hellbound-100: #ffd7cb;
--color-hellbound-200: #ffbeaf;
--color-hellbound-300: #f89b8a;
--color-hellbound-400: #e77b6b;
--color-hellbound-500: #d5594b;
--color-hellbound-600: #b34d40;
--color-hellbound-700: #903d33;
--color-hellbound-800: #6c2b26;
--color-hellbound-900: #4c1d19;
--color-hellbound-950: #320c0a;
}SCSS
$hellbound: #740000;
$hellbound-rgb: 116, 0, 0;
$hellbound-light: mix(#fff, $hellbound, 20%);
$hellbound-dark: mix(#000, $hellbound, 20%);
.element {
color: $hellbound;
box-shadow: 0 0 0 2px rgba($hellbound, 0.35);
}