Couleur nommée la plus proche · #2A2F80
#2A2F80
Couleur nommée la plus proche: Intergalactic Highway
#2A2F80 (rgb(42 47 128), hsl(237 51% 33%), oklch(0.355 0.134 274.5)) est la plus proche de la couleur nommée Intergalactic Highway. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2A2F80
oklch(0.355 0.134 274.5)
Conversions de couleur
- HEX
- #2a2f80
- RGB
- rgb(42 47 128)
- HSL
- hsl(237 51% 33%)
- HWB
- hwb(237 16% 50%)
- OKLCH
- oklch(0.355 0.134 274.5)
- OKLab
- oklab(0.355 0.011 -0.134)
- CIE Lab
- lab(23.21 19.81 -47.49)
- LCH
- lch(23.21 51.46 292.6)
- CMYK
- cmyk(67% 63% 0% 50%)
Teintes · Ombres · Tons
Teintes
- 3B448D
- 4D589B
- 616CA8
- 7580B5
- 8B95C1
- A1A9CE
- B7BEDA
- CFD4E7
- E7E9F3
Ombres
- 23276E
- 1C205D
- 16194D
- 10123D
- 0A0C2E
- 05061F
- 020312
- 010106
- 000001
Tons
- 313981
- 384182
- 404A82
- 495283
- 515A83
- 5A6283
- 636983
- 6D7182
- 767881
Harmonies de couleurs
Complémentaire +180°
- 2A2F80
Intergalactic Highway
- 483B00
≈ Xanthophobia
Analogue -30° +30°
- 2A2F80
Intergalactic Highway
- 003F66
≈ Dark Imperial Blue
- 4C2173
≈ Mystic Nights
Triadique +120° +240°
- 2A2F80
Intergalactic Highway
- 6F1600
≈ Cedar Wood Finish
- 004926
≈ Pine Green
Complémentaire divisée +150° +210°
- 2A2F80
Intergalactic Highway
- 583100
≈ Eyelash Camel
- 324300
≈ Garden Shadow
Tétradique +90° +180° +270°
- 2A2F80
Intergalactic Highway
- 6F0933
≈ Her Fierceness
- 483B00
≈ Xanthophobia
- 004640
≈ Dark Side
Contraste et accessibilité
Ag
AAASur blanc
WCAG 11.55:1 · APCA Lc 96
Ag
FailSur noir
WCAG 1.81:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--intergalactic-highway: #2a2f80;
--intergalactic-highway-rgb: 42 47 128;
--intergalactic-highway-oklch: oklch(0.355 0.134 274.5);
}
.element {
color: var(--intergalactic-highway);
background-color: hsl(237 51% 33%);
border-color: oklch(0.355 0.134 274.5);
}Tailwind CSS v4
@theme {
--color-intergalactic-highway: #2a2f80;
--color-intergalactic-highway-50: #eaf3ff;
--color-intergalactic-highway-100: #dbe5ff;
--color-intergalactic-highway-200: #c5d0ff;
--color-intergalactic-highway-300: #a5b1fc;
--color-intergalactic-highway-400: #8797ed;
--color-intergalactic-highway-500: #6d7cde;
--color-intergalactic-highway-600: #5c69bb;
--color-intergalactic-highway-700: #495496;
--color-intergalactic-highway-800: #333e70;
--color-intergalactic-highway-900: #232b4f;
--color-intergalactic-highway-950: #121835;
}SCSS
$intergalactic-highway: #2a2f80;
$intergalactic-highway-rgb: 42, 47, 128;
$intergalactic-highway-light: mix(#fff, $intergalactic-highway, 20%);
$intergalactic-highway-dark: mix(#000, $intergalactic-highway, 20%);
.element {
color: $intergalactic-highway;
box-shadow: 0 0 0 2px rgba($intergalactic-highway, 0.35);
}