Color con nombre más cercano · #3A4375
#3A4375
Color con nombre más cercano: Space Missions
#3A4375 (rgb(58 67 117), hsl(231 34% 34%), oklch(0.4 0.085 274.2)) se parece más al color con nombre Space Missions. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#3A4375
oklch(0.4 0.085 274.2)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 4B5483
- 5D6690
- 6F789E
- 828AAC
- 969DB9
- AAB0C7
- BFC3D5
- D4D7E3
- E9EBF1
Sombras
- 313965
- 282F55
- 202646
- 181D37
- 101429
- 090C1C
- 04050F
- 010105
- 000001
Tonos
- 404977
- 474F78
- 4E5679
- 545C7B
- 5B627C
- 63687D
- 6A6E7E
- 71747F
- 797A7F
Armonías de color
Complementario +180°
- 3A4375
Space Missions
- 564600
≈ Sugarloaf Brown
Análogo -30° +30°
- 3A4375
Space Missions
- 164C72
≈ Sail Maker
- 523B6C
≈ Succinct Violet
Triádico +120° +240°
- 3A4375
Space Missions
- 6E3527
≈ Pueblo
- 185532
≈ Moor-Monster
Complementario dividido +150° +210°
- 3A4375
Space Missions
- 673C09
≈ Bestial Brown
- 3E4F14
≈ No Emissions Green
Tetrádico +90° +180° +270°
- 3A4375
Space Missions
- 6C3242
≈ Chestnut Red
- 564600
≈ Sugarloaf Brown
- 00544C
≈ Plankton Green
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.37:1 · APCA Lc 92
Ag
FailSobre negro
WCAG 2.23:1 · APCA Lc 11
Mejor color de texto: #FFFFFF
WCAG 9.37:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
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);
}