Colore con nome più vicino · #3A4375
#3A4375
Colore con nome più vicino: Space Missions
#3A4375 (rgb(58 67 117), hsl(231 34% 34%), oklch(0.4 0.085 274.2)) è più vicino al colore con nome Space Missions. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3A4375
oklch(0.4 0.085 274.2)
Conversioni di colore
- HEX
- #3a4375
- RGB
- rgb(58 67 117)
- HSL
- hsl(231 34% 34%)
- HWB
- hwb(231 23% 54%)
- OKLCH
- oklch(0.4 0.085 274.2)
- OKLab
- oklab(0.4 0.006 -0.085)
- CIE Lab
- lab(29.52 7.81 -30.38)
- LCH
- lch(29.52 31.37 284.4)
- CMYK
- cmyk(50% 43% 0% 54%)
Tinte · Ombre · Toni
Tinte
- 4B5483
- 5D6690
- 6F789E
- 828AAC
- 969DB9
- AAB0C7
- BFC3D5
- D4D7E3
- E9EBF1
Ombre
- 313965
- 282F55
- 202646
- 181D37
- 101429
- 090C1C
- 04050F
- 010105
- 000001
Toni
- 404977
- 474F78
- 4E5679
- 545C7B
- 5B627C
- 63687D
- 6A6E7E
- 71747F
- 797A7F
Armonie di colore
Complementare +180°
- 3A4375
Space Missions
- 564600
≈ Sugarloaf Brown
Analogo -30° +30°
- 3A4375
Space Missions
- 164C72
≈ Sail Maker
- 523B6C
≈ Succinct Violet
Triadico +120° +240°
- 3A4375
Space Missions
- 6E3527
≈ Pueblo
- 185532
≈ Moor-Monster
Complementare divisa +150° +210°
- 3A4375
Space Missions
- 673C09
≈ Bestial Brown
- 3E4F14
≈ No Emissions Green
Tetradico +90° +180° +270°
- 3A4375
Space Missions
- 6C3242
≈ Chestnut Red
- 564600
≈ Sugarloaf Brown
- 00544C
≈ Plankton Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.37:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.23:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.37:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--space-missions: #3a4375;
--space-missions-rgb: 58 67 117;
--space-missions-oklch: oklch(0.4 0.085 274.2);
}
.element {
color: var(--space-missions);
background-color: hsl(231 34% 34%);
border-color: oklch(0.4 0.085 274.2);
}Tailwind CSS v4
@theme {
--color-space-missions: #3a4375;
--color-space-missions-50: #eef4ff;
--color-space-missions-100: #e0e6ff;
--color-space-missions-200: #cad2f9;
--color-space-missions-300: #abb4e3;
--color-space-missions-400: #8f9bd1;
--color-space-missions-500: #7582bf;
--color-space-missions-600: #636ea1;
--color-space-missions-700: #4f5881;
--color-space-missions-800: #384060;
--color-space-missions-900: #262c43;
--color-space-missions-950: #15192b;
}SCSS
$space-missions: #3a4375;
$space-missions-rgb: 58, 67, 117;
$space-missions-light: mix(#fff, $space-missions, 20%);
$space-missions-dark: mix(#000, $space-missions, 20%);
.element {
color: $space-missions;
box-shadow: 0 0 0 2px rgba($space-missions, 0.35);
}