Najbliższy nazwany kolor · #31335A
#31335A
Najbliższy nazwany kolor: Galaxea
#31335A (rgb(49 51 90), hsl(237 29% 27%), oklch(0.339 0.068 279.9)) jest najbliższy nazwanemu kolorowi Galaxea. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#31335A
oklch(0.339 0.068 279.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 42456A
- 55587A
- 686B8A
- 7C7F9A
- 9093AA
- A6A8BB
- BBBDCC
- D1D3DD
- E8E9EE
Odcienie ciemniejsze
- 292B4D
- 222341
- 1A1C35
- 131429
- 0C0D1E
- 060713
- 030309
- 010103
- 000000
Tony
- 383B5E
- 3F4262
- 474A66
- 4F516A
- 56596E
- 5F6172
- 676875
- 6F7079
- 77787D
Harmonie kolorów
Komplementarna +180°
- 31335A
Galaxea
- 403803
≈ Camouflage
Analogowa -30° +30°
- 31335A
Galaxea
- 193A59
≈ Poseidon
- 422D52
≈ Jagger
Triada +120° +240°
- 31335A
Galaxea
- 552A1B
≈ Boson Brown
- 0E422B
≈ UP Forest Green
Komplementarna rozszczepiona +150° +210°
- 31335A
Galaxea
- 4E3007
≈ Kyoto House
- 2C3E16
≈ Hinterlands Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.98:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.75:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.98:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
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);
}