Nächste benannte Farbe · #55096F
#55096F
Nächste benannte Farbe: Velvet Vortex
#55096F (rgb(85 9 111), hsl(285 85% 24%), oklch(0.341 0.159 314.6)) liegt am nächsten an der benannten Farbe Velvet Vortex. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#55096F
oklch(0.341 0.159 314.6)
Farbumrechnungen
- HEX
- #55096f
- RGB
- rgb(85 9 111)
- HSL
- hsl(285 85% 24%)
- HWB
- hwb(285 4% 56%)
- OKLCH
- oklch(0.341 0.159 314.6)
- OKLab
- oklab(0.341 0.112 -0.113)
- CIE Lab
- lab(20.75 43.39 -40.34)
- LCH
- lch(20.75 59.25 317.1)
- CMYK
- cmyk(23% 92% 0% 56%)
Tints · Shades · Tones
Tints
- 652A7E
- 76428C
- 86599B
- 9770A9
- A887B8
- B99EC6
- CAB6D4
- DCCEE3
- EDE6F1
Shades
- 490760
- 3D0551
- 310342
- 260234
- 1C0127
- 11011A
- 08000E
- 020004
- 000001
Tones
- 5A1D72
- 5E2B74
- 633776
- 674278
- 6C4D7A
- 70577C
- 74627D
- 786C7E
- 7C767F
Farbharmonien
Komplementär +180°
- 55096F
Velvet Vortex
- 204300
≈ Forest Green
Analog -30° +30°
- 55096F
Velvet Vortex
- 351E85
≈ Indiglow
- 660049
≈ Tyrian Purple
Triadisch +120° +240°
- 55096F
Velvet Vortex
- 4E3200
≈ Kyoto House
- 004141
≈ Warm Black
Geteilt komplementär +150° +210°
- 55096F
Velvet Vortex
- 3E3A00
≈ Camouflage
- 00442E
≈ UP Forest Green
Tetradisch +90° +180° +270°
- 55096F
Velvet Vortex
- 602300
≈ Raw Chocolate
- 204300
≈ Forest Green
- 003F51
≈ Maniac Mansion
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.68:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.65:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.68:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--velvet-vortex: #55096f;
--velvet-vortex-rgb: 85 9 111;
--velvet-vortex-oklch: oklch(0.341 0.159 314.6);
}
.element {
color: var(--velvet-vortex);
background-color: hsl(285 85% 24%);
border-color: oklch(0.341 0.159 314.6);
}Tailwind CSS v4
@theme {
--color-velvet-vortex: #55096f;
--color-velvet-vortex-50: #ffe8ff;
--color-velvet-vortex-100: #fed8ff;
--color-velvet-vortex-200: #f0bfff;
--color-velvet-vortex-300: #d89dee;
--color-velvet-vortex-400: #c17fdf;
--color-velvet-vortex-500: #ac60ce;
--color-velvet-vortex-600: #9252ae;
--color-velvet-vortex-700: #75418b;
--color-velvet-vortex-800: #552f69;
--color-velvet-vortex-900: #3b204a;
--color-velvet-vortex-950: #250f31;
}SCSS
$velvet-vortex: #55096f;
$velvet-vortex-rgb: 85, 9, 111;
$velvet-vortex-light: mix(#fff, $velvet-vortex, 20%);
$velvet-vortex-dark: mix(#000, $velvet-vortex, 20%);
.element {
color: $velvet-vortex;
box-shadow: 0 0 0 2px rgba($velvet-vortex, 0.35);
}