Colore con nome più vicino · #2A2F80
#2A2F80
Colore con nome più vicino: Intergalactic Highway
#2A2F80 (rgb(42 47 128), hsl(237 51% 33%), oklch(0.355 0.134 274.5)) è più vicino al colore con nome Intergalactic Highway. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2A2F80
oklch(0.355 0.134 274.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 3B448D
- 4D589B
- 616CA8
- 7580B5
- 8B95C1
- A1A9CE
- B7BEDA
- CFD4E7
- E7E9F3
Ombre
- 23276E
- 1C205D
- 16194D
- 10123D
- 0A0C2E
- 05061F
- 020312
- 010106
- 000001
Toni
- 313981
- 384182
- 404A82
- 495283
- 515A83
- 5A6283
- 636983
- 6D7182
- 767881
Armonie di colore
Complementare +180°
- 2A2F80
Intergalactic Highway
- 483B00
≈ Xanthophobia
Analogo -30° +30°
- 2A2F80
Intergalactic Highway
- 003F66
≈ Dark Imperial Blue
- 4C2173
≈ Mystic Nights
Triadico +120° +240°
- 2A2F80
Intergalactic Highway
- 6F1600
≈ Cedar Wood Finish
- 004926
≈ Pine Green
Complementare divisa +150° +210°
- 2A2F80
Intergalactic Highway
- 583100
≈ Eyelash Camel
- 324300
≈ Garden Shadow
Tetradico +90° +180° +270°
- 2A2F80
Intergalactic Highway
- 6F0933
≈ Her Fierceness
- 483B00
≈ Xanthophobia
- 004640
≈ Dark Side
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.55:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.81:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
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);
}