Najbliższy nazwany kolor · #9E1045
#9E1045
Najbliższy nazwany kolor: Vampirella
#9E1045 (rgb(158 16 69), hsl(338 82% 34%), oklch(0.455 0.173 7.4)) jest najbliższy nazwanemu kolorowi Vampirella. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9E1045
oklch(0.455 0.173 7.4)
Konwersje koloru
- HEX
- #9e1045
- RGB
- rgb(158 16 69)
- HSL
- hsl(338 82% 34%)
- HWB
- hwb(338 6% 38%)
- OKLCH
- oklch(0.455 0.173 7.4)
- OKLab
- oklab(0.455 0.172 0.022)
- CIE Lab
- lab(34.68 56.08 10.01)
- LCH
- lch(34.68 56.96 10.1)
- CMYK
- cmyk(0% 90% 56% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AB3456
- B64D67
- C26478
- CC7A8A
- D6909D
- E0A6B0
- E9BCC3
- F1D2D7
- F8E8EB
Odcienie ciemniejsze
- 890C3B
- 740931
- 600627
- 4D041E
- 3A0215
- 29010C
- 180005
- 090002
- 010000
Tony
- 9D264B
- 9C3450
- 9A4056
- 984B5C
- 955562
- 925E68
- 8F676E
- 8A6F74
- 86787A
Harmonie kolorów
Komplementarna +180°
- 9E1045
Vampirella
- 00645E
≈ Emerald Stone
Analogowa -30° +30°
- 9E1045
Vampirella
- 8E1F78
≈ Noble Plum
- 982B00
≈ Hawaiian Malasada
Triada +120° +240°
- 9E1045
Vampirella
- 446200
≈ Camouflage Green
- 005A95
≈ Jetski Race
Komplementarna rozszczepiona +150° +210°
- 9E1045
Vampirella
- 00683E
≈ Celtic Clover
- 006174
≈ Ocean Radiance
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.03:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.61:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.03:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--vampirella: #9e1045;
--vampirella-rgb: 158 16 69;
--vampirella-oklch: oklch(0.455 0.173 7.4);
}
.element {
color: var(--vampirella);
background-color: hsl(338 82% 34%);
border-color: oklch(0.455 0.173 7.4);
}Tailwind CSS v4
@theme {
--color-vampirella: #9e1045;
--color-vampirella-50: #ffe1ea;
--color-vampirella-100: #ffd0db;
--color-vampirella-200: #ffb5c4;
--color-vampirella-300: #ff90a4;
--color-vampirella-400: #f06c8c;
--color-vampirella-500: #de4671;
--color-vampirella-600: #bc3c60;
--color-vampirella-700: #97304d;
--color-vampirella-800: #70213a;
--color-vampirella-900: #4f1628;
--color-vampirella-950: #340616;
}SCSS
$vampirella: #9e1045;
$vampirella-rgb: 158, 16, 69;
$vampirella-light: mix(#fff, $vampirella, 20%);
$vampirella-dark: mix(#000, $vampirella, 20%);
.element {
color: $vampirella;
box-shadow: 0 0 0 2px rgba($vampirella, 0.35);
}