Najbliższy nazwany kolor · #351F4F
#351F4F
Najbliższy nazwany kolor: Stormy Night
#351F4F (rgb(53 31 79), hsl(268 44% 22%), oklch(0.294 0.086 302.6)) jest najbliższy nazwanemu kolorowi Stormy Night. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#351F4F
oklch(0.294 0.086 302.6)
Konwersje koloru
- HEX
- #351f4f
- RGB
- rgb(53 31 79)
- HSL
- hsl(268 44% 22%)
- HWB
- hwb(268 12% 69%)
- OKLCH
- oklch(0.294 0.086 302.6)
- OKLab
- oklab(0.294 0.046 -0.072)
- CIE Lab
- lab(16.74 19.54 -25.93)
- LCH
- lch(16.74 32.47 307)
- CMYK
- cmyk(33% 61% 0% 69%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 463360
- 594871
- 6B5D82
- 7F7293
- 9388A4
- A89FB6
- BDB6C8
- D2CEDA
- E9E6EC
Odcienie ciemniejsze
- 2D1944
- 251438
- 1D0F2E
- 150A23
- 0E0619
- 080310
- 030107
- 010002
- 000000
Tony
- 3C2954
- 433259
- 4A3C5F
- 514564
- 594F68
- 60586D
- 686272
- 706C77
- 78767B
Harmonie kolorów
Komplementarna +180°
- 351F4F
Stormy Night
- 263100
≈ Blind Forest
Analogowa -30° +30°
- 351F4F
Stormy Night
- 1F2756
≈ Ultramarine Violet
- 44193F
≈ Velvet Cosmos
Triada +120° +240°
- 351F4F
Stormy Night
- 432300
≈ Blackened Brown
- 00352E
≈ Fence Green
Komplementarna rozszczepiona +150° +210°
- 351F4F
Stormy Night
- 372B00
≈ Secret Passage
- 003718
≈ Gameboy Contrast
Tetrada +90° +180° +270°
- 351F4F
Stormy Night
- 4F170D
≈ French Puce
- 263100
≈ Blind Forest
- 00333B
≈ Artist Blue
Kontrast i dostępność
Ag
AAANa bieli
WCAG 14.38:1 · APCA Lc 101
Ag
FailNa czerni
WCAG 1.46:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 14.38:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--stormy-night: #351f4f;
--stormy-night-rgb: 53 31 79;
--stormy-night-oklch: oklch(0.294 0.086 302.6);
}
.element {
color: var(--stormy-night);
background-color: hsl(268 44% 22%);
border-color: oklch(0.294 0.086 302.6);
}Tailwind CSS v4
@theme {
--color-stormy-night: #351f4f;
--color-stormy-night-50: #faf0ff;
--color-stormy-night-100: #eee1ff;
--color-stormy-night-200: #dcccf3;
--color-stormy-night-300: #c1addc;
--color-stormy-night-400: #a892c9;
--color-stormy-night-500: #9178b5;
--color-stormy-night-600: #7b6699;
--color-stormy-night-700: #62517b;
--color-stormy-night-800: #473b5c;
--color-stormy-night-900: #312940;
--color-stormy-night-950: #1d1629;
}SCSS
$stormy-night: #351f4f;
$stormy-night-rgb: 53, 31, 79;
$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);
}