Colore con nome più vicino · #2D2B82
#2D2B82
Colore con nome più vicino: Intergalactic Highway
#2D2B82 (rgb(45 43 130), hsl(241 50% 34%), oklch(0.351 0.142 277.2)) è più vicino al colore con nome Intergalactic Highway. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2D2B82
oklch(0.351 0.142 277.2)
Conversioni di colore
- HEX
- #2d2b82
- RGB
- rgb(45 43 130)
- HSL
- hsl(241 50% 34%)
- HWB
- hwb(241 17% 49%)
- OKLCH
- oklch(0.351 0.142 277.2)
- OKLab
- oklab(0.351 0.018 -0.141)
- CIE Lab
- lab(22.55 23.59 -49.81)
- LCH
- lch(22.55 55.12 295.3)
- CMYK
- cmyk(65% 67% 0% 49%)
Tinte · Ombre · Toni
Tinte
- 3D418F
- 4F569D
- 626AAA
- 777FB6
- 8C93C3
- A2A8CF
- B8BEDB
- CFD3E7
- E7E9F3
Ombre
- 262470
- 1F1D5F
- 18164E
- 11103E
- 0B0A2F
- 060520
- 020212
- 010106
- 000001
Toni
- 333583
- 3A3F83
- 424884
- 4A5084
- 525884
- 5B6184
- 646983
- 6D7083
- 767881
Armonie di colore
Complementare +180°
- 2D2B82
Intergalactic Highway
- 453A00
≈ Xanthophobia
Analogo -30° +30°
- 2D2B82
Intergalactic Highway
- 003D68
≈ Ateneo Blue
- 4F1C72
≈ Velvet Vortex
Triadico +120° +240°
- 2D2B82
Intergalactic Highway
- 6A1B00
≈ Raw Chocolate
- 004729
≈ Alaskan Moss
Complementare divisa +150° +210°
- 2D2B82
Intergalactic Highway
- 553100
≈ Eyelash Camel
- 2E4300
≈ Garden Shadow
Tetradico +90° +180° +270°
- 2D2B82
Intergalactic Highway
- 71002E
≈ Merlot
- 453A00
≈ Xanthophobia
- 004540
≈ Dark Side
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.80:1 · APCA Lc 97
Ag
FailSu nero
WCAG 1.77:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.80:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
CSS
:root {
--intergalactic-highway: #2d2b82;
--intergalactic-highway-rgb: 45 43 130;
--intergalactic-highway-oklch: oklch(0.351 0.142 277.2);
}
.element {
color: var(--intergalactic-highway);
background-color: hsl(241 50% 34%);
border-color: oklch(0.351 0.142 277.2);
}Tailwind CSS v4
@theme {
--color-intergalactic-highway: #2d2b82;
--color-intergalactic-highway-50: #ecf2ff;
--color-intergalactic-highway-100: #dde4ff;
--color-intergalactic-highway-200: #c7ceff;
--color-intergalactic-highway-300: #a8b0ff;
--color-intergalactic-highway-400: #8a95f1;
--color-intergalactic-highway-500: #7179e2;
--color-intergalactic-highway-600: #5f67be;
--color-intergalactic-highway-700: #4c5299;
--color-intergalactic-highway-800: #353c73;
--color-intergalactic-highway-900: #242a51;
--color-intergalactic-highway-950: #131736;
}SCSS
$intergalactic-highway: #2d2b82;
$intergalactic-highway-rgb: 45, 43, 130;
$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);
}