Colore con nome · #2D47FF
Blueshift
Blueshift è #2D47FF: rgb(45 71 255), hsl(233 100% 59%), oklch(0.52 0.268 267.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Blueshift color name →
#2D47FF
oklch(0.52 0.268 267.7)
Conversioni di colore
- HEX
- #2d47ff
- RGB
- rgb(45 71 255)
- HSL
- hsl(233 100% 59%)
- HWB
- hwb(233 18% 0%)
- OKLCH
- oklch(0.52 0.268 267.7)
- OKLab
- oklab(0.52 -0.011 -0.267)
- CIE Lab
- lab(39.85 44.36 -94.87)
- LCH
- lch(39.85 104.73 295.1)
- CMYK
- cmyk(82% 72% 0% 0%)
Tinte · Ombre · Toni
Tinte
- 3C60FF
- 4E76FF
- 6289FF
- 769CFF
- 8CADFF
- A2BEFF
- B9CFFF
- D0DFFF
- E7EFFF
Ombre
- 263DDE
- 1F32BE
- 18289E
- 111F80
- 0B1663
- 060D48
- 02062E
- 010216
- 000003
Toni
- 3252F3
- 395CE7
- 4163DB
- 4969CF
- 526FC2
- 5B74B6
- 6477A9
- 6E7B9C
- 777E8E
Armonie di colore
Complementare +180°
- 2D47FF
Blueshift
- 836400
≈ Alligator
Analogo -30° +30°
- 2D47FF
Blueshift
- 0071A2
≈ Cat’s Purr
- 8219EA
≈ Purple Protest
Triadico +120° +240°
- 2D47FF
Blueshift
- C6000F
≈ Furious Tomato
- 007F2F
≈ Pharmaceutical Green
Complementare divisa +150° +210°
- 2D47FF
Blueshift
- 9D5300
≈ Charlie Brown
- 647100
≈ Brownish Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.07:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.45:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--blueshift: #2d47ff;
--blueshift-rgb: 45 71 255;
--blueshift-oklch: oklch(0.52 0.268 267.7);
}
.element {
color: var(--blueshift);
background-color: hsl(233 100% 59%);
border-color: oklch(0.52 0.268 267.7);
}Tailwind CSS v4
@theme {
--color-blueshift: #2d47ff;
--color-blueshift-50: #d7f2ff;
--color-blueshift-100: #c4e4ff;
--color-blueshift-200: #a7cdff;
--color-blueshift-300: #83aaff;
--color-blueshift-400: #5b8bff;
--color-blueshift-500: #3f64ff;
--color-blueshift-600: #3557ff;
--color-blueshift-700: #2a45d0;
--color-blueshift-800: #16339d;
--color-blueshift-900: #0d236f;
--color-blueshift-950: #04104e;
}SCSS
$blueshift: #2d47ff;
$blueshift-rgb: 45, 71, 255;
$blueshift-light: mix(#fff, $blueshift, 20%);
$blueshift-dark: mix(#000, $blueshift, 20%);
.element {
color: $blueshift;
box-shadow: 0 0 0 2px rgba($blueshift, 0.35);
}