Colore con nome più vicino · #55096F
#55096F
Colore con nome più vicino: Velvet Vortex
#55096F (rgb(85 9 111), hsl(285 85% 24%), oklch(0.341 0.159 314.6)) è più vicino al colore con nome Velvet Vortex. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#55096F
oklch(0.341 0.159 314.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 652A7E
- 76428C
- 86599B
- 9770A9
- A887B8
- B99EC6
- CAB6D4
- DCCEE3
- EDE6F1
Ombre
- 490760
- 3D0551
- 310342
- 260234
- 1C0127
- 11011A
- 08000E
- 020004
- 000001
Toni
- 5A1D72
- 5E2B74
- 633776
- 674278
- 6C4D7A
- 70577C
- 74627D
- 786C7E
- 7C767F
Armonie di colore
Complementare +180°
- 55096F
Velvet Vortex
- 204300
≈ Forest Green
Analogo -30° +30°
- 55096F
Velvet Vortex
- 351E85
≈ Indiglow
- 660049
≈ Tyrian Purple
Triadico +120° +240°
- 55096F
Velvet Vortex
- 4E3200
≈ Kyoto House
- 004141
≈ Warm Black
Complementare divisa +150° +210°
- 55096F
Velvet Vortex
- 3E3A00
≈ Camouflage
- 00442E
≈ UP Forest Green
Tetradico +90° +180° +270°
- 55096F
Velvet Vortex
- 602300
≈ Raw Chocolate
- 204300
≈ Forest Green
- 003F51
≈ Maniac Mansion
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.68:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.65:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.68:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
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);
}