Couleur nommée la plus proche · #351F59
#351F59
Couleur nommée la plus proche: Fabric of Space
#351F59 (rgb(53 31 89), hsl(263 48% 24%), oklch(0.301 0.1 297.5)) est la plus proche de la couleur nommée Fabric of Space. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#351F59
oklch(0.301 0.1 297.5)
Conversions de couleur
- HEX
- #351f59
- RGB
- rgb(53 31 89)
- HSL
- hsl(263 48% 24%)
- HWB
- hwb(263 12% 65%)
- OKLCH
- oklch(0.301 0.1 297.5)
- OKLab
- oklab(0.301 0.046 -0.089)
- CIE Lab
- lab(17.37 21.87 -31.66)
- LCH
- lch(17.37 38.48 304.6)
- CMYK
- cmyk(40% 65% 0% 65%)
Teintes · Ombres · Tons
Teintes
- 463469
- 584979
- 6B5E8A
- 7E739A
- 9289AB
- A7A0BB
- BCB7CC
- D2CFDD
- E8E7EE
Ombres
- 2D194C
- 251440
- 1D0F34
- 150A28
- 0E061D
- 080313
- 030109
- 010003
- 000000
Tons
- 3C295D
- 433362
- 4A3D66
- 51466A
- 58506E
- 605972
- 686376
- 706C79
- 78767D
Harmonies de couleurs
Complémentaire +180°
- 351F59
Fabric of Space
- 2C3200
≈ Wasabi Nori
Analogue -30° +30°
- 351F59
Fabric of Space
- 182960
≈ Schiava Blue
- 471747
≈ Velvet Cosmos
Triadique +120° +240°
- 351F59
Fabric of Space
- 482300
≈ Ibex Brown
- 00372E
≈ Night Turquoise
Complémentaire divisée +150° +210°
- 351F59
Fabric of Space
- 3B2C00
≈ Secret Passage
- 003911
≈ Gameboy Contrast
Tétradique +90° +180° +270°
- 351F59
Fabric of Space
- 56120F
≈ Mama Africa
- 2C3200
≈ Wasabi Nori
- 00353B
≈ Artist Blue
Contraste et accessibilité
Ag
AAASur blanc
WCAG 14.07:1 · APCA Lc 100
Ag
FailSur noir
WCAG 1.49:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 14.07:1 (AAA) · APCA Lc 100
Contrast pairs
Extraits de code
CSS
:root {
--fabric-of-space: #351f59;
--fabric-of-space-rgb: 53 31 89;
--fabric-of-space-oklch: oklch(0.301 0.1 297.5);
}
.element {
color: var(--fabric-of-space);
background-color: hsl(263 48% 24%);
border-color: oklch(0.301 0.1 297.5);
}Tailwind CSS v4
@theme {
--color-fabric-of-space: #351f59;
--color-fabric-of-space-50: #f9efff;
--color-fabric-of-space-100: #ece1ff;
--color-fabric-of-space-200: #dacbfa;
--color-fabric-of-space-300: #bface4;
--color-fabric-of-space-400: #a592d2;
--color-fabric-of-space-500: #8e77c0;
--color-fabric-of-space-600: #7865a2;
--color-fabric-of-space-700: #605182;
--color-fabric-of-space-800: #453b61;
--color-fabric-of-space-900: #302844;
--color-fabric-of-space-950: #1c162c;
}SCSS
$fabric-of-space: #351f59;
$fabric-of-space-rgb: 53, 31, 89;
$fabric-of-space-light: mix(#fff, $fabric-of-space, 20%);
$fabric-of-space-dark: mix(#000, $fabric-of-space, 20%);
.element {
color: $fabric-of-space;
box-shadow: 0 0 0 2px rgba($fabric-of-space, 0.35);
}