Colore con nome più vicino · #1E2B58
#1E2B58
Colore con nome più vicino: Space Cadet
#1E2B58 (rgb(30 43 88), hsl(227 49% 23%), oklch(0.304 0.083 269)) è più vicino al colore con nome Space Cadet. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#1E2B58
oklch(0.304 0.083 269)
Conversioni di colore
- HEX
- #1e2b58
- RGB
- rgb(30 43 88)
- HSL
- hsl(227 49% 23%)
- HWB
- hwb(227 12% 65%)
- OKLCH
- oklch(0.304 0.083 269)
- OKLab
- oklab(0.304 -0.002 -0.083)
- CIE Lab
- lab(18.42 7 -29.45)
- LCH
- lch(18.42 30.28 283.4)
- CMYK
- cmyk(66% 51% 0% 65%)
Tinte · Ombre · Toni
Tinte
- 313E68
- 445278
- 596689
- 6F7A99
- 858FAA
- 9CA5BB
- B4BBCB
- CDD1DD
- E6E8EE
Ombre
- 19244B
- 131D3F
- 0E1633
- 091028
- 050A1D
- 030512
- 010209
- 000103
- 000000
Toni
- 27345C
- 303C61
- 394465
- 424D69
- 4C556D
- 565E71
- 606675
- 6B6F79
- 75777C
Armonie di colore
Complementare +180°
- 1E2B58
Space Cadet
- 3B2D00
≈ Hidden Passage
Analogo -30° +30°
- 1E2B58
Space Cadet
- 00334D
≈ Dark Denim Blue
- 352352
≈ Powerful Violet
Triadico +120° +240°
- 1E2B58
Space Cadet
- 511B15
≈ Chocolate Rush
- 033A15
≈ Gameboy Contrast
Complementare divisa +150° +210°
- 1E2B58
Space Cadet
- 492400
≈ Ibex Brown
- 2B3300
≈ Wasabi Nori
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.62:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.54:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.62:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--space-cadet: #1e2b58;
--space-cadet-rgb: 30 43 88;
--space-cadet-oklch: oklch(0.304 0.083 269);
}
.element {
color: var(--space-cadet);
background-color: hsl(227 49% 23%);
border-color: oklch(0.304 0.083 269);
}Tailwind CSS v4
@theme {
--color-space-cadet: #1e2b58;
--color-space-cadet-50: #ecf5ff;
--color-space-cadet-100: #dde7ff;
--color-space-cadet-200: #c7d3f9;
--color-space-cadet-300: #a7b6e3;
--color-space-cadet-400: #8a9dd0;
--color-space-cadet-500: #7084bd;
--color-space-cadet-600: #5f70a0;
--color-space-cadet-700: #4b5980;
--color-space-cadet-800: #35415f;
--color-space-cadet-900: #242d43;
--color-space-cadet-950: #131a2b;
}SCSS
$space-cadet: #1e2b58;
$space-cadet-rgb: 30, 43, 88;
$space-cadet-light: mix(#fff, $space-cadet, 20%);
$space-cadet-dark: mix(#000, $space-cadet, 20%);
.element {
color: $space-cadet;
box-shadow: 0 0 0 2px rgba($space-cadet, 0.35);
}