Color con nombre más cercano · #31335A
#31335A
Color con nombre más cercano: Galaxea
#31335A (rgb(49 51 90), hsl(237 29% 27%), oklch(0.339 0.068 279.9)) se parece más al color con nombre Galaxea. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#31335A
oklch(0.339 0.068 279.9)
Conversiones de color
- HEX
- #31335a
- RGB
- rgb(49 51 90)
- HSL
- hsl(237 29% 27%)
- HWB
- hwb(237 19% 65%)
- OKLCH
- oklch(0.339 0.068 279.9)
- OKLab
- oklab(0.339 0.012 -0.067)
- CIE Lab
- lab(22.57 7.93 -24.08)
- LCH
- lch(22.57 25.35 288.2)
- CMYK
- cmyk(46% 43% 0% 65%)
Tintes · Sombras · Tonos
Tintes
- 42456A
- 55587A
- 686B8A
- 7C7F9A
- 9093AA
- A6A8BB
- BBBDCC
- D1D3DD
- E8E9EE
Sombras
- 292B4D
- 222341
- 1A1C35
- 131429
- 0C0D1E
- 060713
- 030309
- 010103
- 000000
Tonos
- 383B5E
- 3F4262
- 474A66
- 4F516A
- 56596E
- 5F6172
- 676875
- 6F7079
- 77787D
Armonías de color
Complementario +180°
- 31335A
Galaxea
- 403803
≈ Camouflage
Análogo -30° +30°
- 31335A
Galaxea
- 193A59
≈ Poseidon
- 422D52
≈ Jagger
Triádico +120° +240°
- 31335A
Galaxea
- 552A1B
≈ Boson Brown
- 0E422B
≈ UP Forest Green
Complementario dividido +150° +210°
- 31335A
Galaxea
- 4E3007
≈ Kyoto House
- 2C3E16
≈ Hinterlands Green
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 11.98:1 · APCA Lc 97
Ag
FailSobre negro
WCAG 1.75:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 11.98:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--galaxea: #31335a;
--galaxea-rgb: 49 51 90;
--galaxea-oklch: oklch(0.339 0.068 279.9);
}
.element {
color: var(--galaxea);
background-color: hsl(237 29% 27%);
border-color: oklch(0.339 0.068 279.9);
}Tailwind CSS v4
@theme {
--color-galaxea: #31335a;
--color-galaxea-50: #f1f3ff;
--color-galaxea-100: #e4e6ff;
--color-galaxea-200: #cfd1f1;
--color-galaxea-300: #b1b4da;
--color-galaxea-400: #969bc7;
--color-galaxea-500: #7d81b3;
--color-galaxea-600: #6a6e97;
--color-galaxea-700: #545879;
--color-galaxea-800: #3d405a;
--color-galaxea-900: #2a2c3f;
--color-galaxea-950: #171928;
}SCSS
$galaxea: #31335a;
$galaxea-rgb: 49, 51, 90;
$galaxea-light: mix(#fff, $galaxea, 20%);
$galaxea-dark: mix(#000, $galaxea, 20%);
.element {
color: $galaxea;
box-shadow: 0 0 0 2px rgba($galaxea, 0.35);
}