Nächste benannte Farbe · #A10266
#A10266
Nächste benannte Farbe: Morbid Princess
#A10266 (rgb(161 2 102), hsl(322 98% 32%), oklch(0.467 0.193 351.4)) liegt am nächsten an der benannten Farbe Morbid Princess. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A10266
oklch(0.467 0.193 351.4)
Farbumrechnungen
- HEX
- #a10266
- RGB
- rgb(161 2 102)
- HSL
- hsl(322 98% 32%)
- HWB
- hwb(322 1% 37%)
- OKLCH
- oklch(0.467 0.193 351.4)
- OKLab
- oklab(0.467 0.191 -0.029)
- CIE Lab
- lab(35.55 60.68 -10.06)
- LCH
- lch(35.55 61.51 350.6)
- CMYK
- cmyk(0% 99% 37% 37%)
Tints · Shades · Tones
Tints
- AD3074
- B94B83
- C46391
- CE79A0
- D88FB0
- E1A6BF
- E9BCCF
- F1D2DF
- F8E8EF
Shades
- 8B0158
- 76014A
- 62013C
- 4E002F
- 3C0023
- 2A0017
- 19000C
- 090004
- 010000
Tones
- A02169
- 9E326B
- 9C3F6E
- 994A71
- 975473
- 935E76
- 8F6778
- 8B6F7B
- 86787D
Farbharmonien
Komplementär +180°
- A10266
Morbid Princess
- 006A53
≈ Peacock Green
Analog -30° +30°
- A10266
Morbid Princess
- 882299
≈ Passionate Purple
- AA0026
≈ Incarnadine
Triadisch +120° +240°
- A10266
Morbid Princess
- 5C5F00
≈ Kirchner Green
- 006285
≈ Blue League
Geteilt komplementär +150° +210°
- A10266
Morbid Princess
- 116D00
≈ Leafy Lush
- 00676C
≈ Tahitian Treat
Tetradisch +90° +180° +270°
- A10266
Morbid Princess
- 755300
≈ Pickled Grape Leaves
- 006A53
≈ Peacock Green
- 0D4EC3
≈ New Car
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.73:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.71:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--morbid-princess: #a10266;
--morbid-princess-rgb: 161 2 102;
--morbid-princess-oklch: oklch(0.467 0.193 351.4);
}
.element {
color: var(--morbid-princess);
background-color: hsl(322 98% 32%);
border-color: oklch(0.467 0.193 351.4);
}Tailwind CSS v4
@theme {
--color-morbid-princess: #a10266;
--color-morbid-princess-50: #ffdff9;
--color-morbid-princess-100: #ffceed;
--color-morbid-princess-200: #ffb1db;
--color-morbid-princess-300: #ff8bbf;
--color-morbid-princess-400: #ef66ab;
--color-morbid-princess-500: #dd3c95;
--color-morbid-princess-600: #bb357e;
--color-morbid-princess-700: #962a65;
--color-morbid-princess-800: #6f1d4c;
--color-morbid-princess-900: #4e1335;
--color-morbid-princess-950: #340420;
}SCSS
$morbid-princess: #a10266;
$morbid-princess-rgb: 161, 2, 102;
$morbid-princess-light: mix(#fff, $morbid-princess, 20%);
$morbid-princess-dark: mix(#000, $morbid-princess, 20%);
.element {
color: $morbid-princess;
box-shadow: 0 0 0 2px rgba($morbid-princess, 0.35);
}