Couleur nommée la plus proche · #1E2B58
#1E2B58
Couleur nommée la plus proche: Space Cadet
#1E2B58 (rgb(30 43 88), hsl(227 49% 23%), oklch(0.304 0.083 269)) est la plus proche de la couleur nommée Space Cadet. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1E2B58
oklch(0.304 0.083 269)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 313E68
- 445278
- 596689
- 6F7A99
- 858FAA
- 9CA5BB
- B4BBCB
- CDD1DD
- E6E8EE
Ombres
- 19244B
- 131D3F
- 0E1633
- 091028
- 050A1D
- 030512
- 010209
- 000103
- 000000
Tons
- 27345C
- 303C61
- 394465
- 424D69
- 4C556D
- 565E71
- 606675
- 6B6F79
- 75777C
Harmonies de couleurs
Complémentaire +180°
- 1E2B58
Space Cadet
- 3B2D00
≈ Hidden Passage
Analogue -30° +30°
- 1E2B58
Space Cadet
- 00334D
≈ Dark Denim Blue
- 352352
≈ Powerful Violet
Triadique +120° +240°
- 1E2B58
Space Cadet
- 511B15
≈ Chocolate Rush
- 033A15
≈ Gameboy Contrast
Complémentaire divisée +150° +210°
- 1E2B58
Space Cadet
- 492400
≈ Ibex Brown
- 2B3300
≈ Wasabi Nori
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AAASur blanc
WCAG 13.62:1 · APCA Lc 100
Ag
FailSur noir
WCAG 1.54:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 13.62:1 (AAA) · APCA Lc 100
Contrast pairs
Extraits de code
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);
}