Color con nombre más cercano · #351F4F
#351F4F
Color con nombre más cercano: Stormy Night
#351F4F (rgb(53 31 79), hsl(268 44% 22%), oklch(0.294 0.086 302.6)) se parece más al color con nombre Stormy Night. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#351F4F
oklch(0.294 0.086 302.6)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 463360
- 594871
- 6B5D82
- 7F7293
- 9388A4
- A89FB6
- BDB6C8
- D2CEDA
- E9E6EC
Sombras
- 2D1944
- 251438
- 1D0F2E
- 150A23
- 0E0619
- 080310
- 030107
- 010002
- 000000
Tonos
- 3C2954
- 433259
- 4A3C5F
- 514564
- 594F68
- 60586D
- 686272
- 706C77
- 78767B
Armonías de color
Complementario +180°
- 351F4F
Stormy Night
- 263100
≈ Blind Forest
Análogo -30° +30°
- 351F4F
Stormy Night
- 1F2756
≈ Ultramarine Violet
- 44193F
≈ Velvet Cosmos
Triádico +120° +240°
- 351F4F
Stormy Night
- 432300
≈ Blackened Brown
- 00352E
≈ Fence Green
Complementario dividido +150° +210°
- 351F4F
Stormy Night
- 372B00
≈ Secret Passage
- 003718
≈ Gameboy Contrast
Tetrádico +90° +180° +270°
- 351F4F
Stormy Night
- 4F170D
≈ French Puce
- 263100
≈ Blind Forest
- 00333B
≈ Artist Blue
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 14.38:1 · APCA Lc 101
Ag
FailSobre negro
WCAG 1.46:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 14.38:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmentos de código
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);
}