Colore con nome · #372354
Stormy Night
Stormy Night è #372354: rgb(55 35 84), hsl(264 41% 23%), oklch(0.307 0.087 300.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Stormy Night color name →
#372354
oklch(0.307 0.087 300.2)
Conversioni di colore
- HEX
- #372354
- RGB
- rgb(55 35 84)
- HSL
- hsl(264 41% 23%)
- HWB
- hwb(264 14% 67%)
- OKLCH
- oklch(0.307 0.087 300.2)
- OKLab
- oklab(0.307 0.044 -0.075)
- CIE Lab
- lab(18.33 18.85 -26.75)
- LCH
- lch(18.33 32.72 305.2)
- CMYK
- cmyk(35% 58% 0% 67%)
Tinte · Ombre · Toni
Tinte
- 483764
- 5A4B75
- 6D6085
- 807596
- 948BA7
- A9A1B8
- BDB8CA
- D3CFDB
- E9E7ED
Ombre
- 2E1D48
- 26173C
- 1E1131
- 160C26
- 0F071B
- 080411
- 030108
- 010002
- 000000
Toni
- 3E2C59
- 44365E
- 4B3F62
- 534867
- 5A516B
- 615A6F
- 696474
- 706D78
- 78767C
Armonie di colore
Complementare +180°
- 372354
Stormy Night
- 2B3500
≈ Wasabi Nori
Analogo -30° +30°
- 372354
Stormy Night
- 1F2B5B
≈ Ultramarine Violet
- 471C44
≈ Purple Void
Triadico +120° +240°
- 372354
Stormy Night
- 492500
≈ Ibex Brown
- 003931
≈ Night Turquoise
Complementare divisa +150° +210°
- 372354
Stormy Night
- 3C2E00
≈ Hidden Passage
- 003B17
≈ Gameboy Contrast
Tetradico +90° +180° +270°
- 372354
Stormy Night
- 531A13
≈ Chocolate Rush
- 2B3500
≈ Wasabi Nori
- 00373E
≈ Natural Indigo
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.71:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.53:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.71:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--stormy-night: #372354;
--stormy-night-rgb: 55 35 84;
--stormy-night-oklch: oklch(0.307 0.087 300.2);
}
.element {
color: var(--stormy-night);
background-color: hsl(264 41% 23%);
border-color: oklch(0.307 0.087 300.2);
}Tailwind CSS v4
@theme {
--color-stormy-night: #372354;
--color-stormy-night-50: #f9f0ff;
--color-stormy-night-100: #ede2ff;
--color-stormy-night-200: #dbccf4;
--color-stormy-night-300: #bfaddd;
--color-stormy-night-400: #a693ca;
--color-stormy-night-500: #8f79b7;
--color-stormy-night-600: #79669b;
--color-stormy-night-700: #61527c;
--color-stormy-night-800: #463c5c;
--color-stormy-night-900: #302941;
--color-stormy-night-950: #1d1729;
}SCSS
$stormy-night: #372354;
$stormy-night-rgb: 55, 35, 84;
$stormy-night-light: mix(#fff, $stormy-night, 20%);
$stormy-night-dark: mix(#000, $stormy-night, 20%);
.element {
color: $stormy-night;
box-shadow: 0 0 0 2px rgba($stormy-night, 0.35);
}