Colore con nome · #314159
Pi
Pi è #314159: rgb(49 65 89), hsl(216 29% 27%), oklch(0.372 0.046 258.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Pi color name →
#314159
oklch(0.372 0.046 258.3)
Conversioni di colore
- HEX
- #314159
- RGB
- rgb(49 65 89)
- HSL
- hsl(216 29% 27%)
- HWB
- hwb(216 19% 65%)
- OKLCH
- oklch(0.372 0.046 258.3)
- OKLab
- oklab(0.372 -0.009 -0.045)
- CIE Lab
- lab(26.96 -1.17 -16.61)
- LCH
- lch(26.96 16.65 266)
- CMYK
- cmyk(45% 27% 0% 65%)
Tinte · Ombre · Toni
Tinte
- 435268
- 566478
- 697688
- 7D8898
- 929BA9
- A7AEBA
- BCC2CB
- D2D6DC
- E8EAED
Ombre
- 29374C
- 222E40
- 1A2534
- 131C28
- 0C131D
- 060B13
- 030509
- 010103
- 000000
Toni
- 38475D
- 404D61
- 485365
- 505A69
- 57606D
- 5F6671
- 676D75
- 6F7378
- 78797C
Armonie di colore
Complementare +180°
- 314159
Pi
- 4E3D23
≈ Avocado Stone
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.33:1 · APCA Lc 94
Ag
FailSu nero
WCAG 2.03:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.33:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--pi: #314159;
--pi-rgb: 49 65 89;
--pi-oklch: oklch(0.372 0.046 258.3);
}
.element {
color: var(--pi);
background-color: hsl(216 29% 27%);
border-color: oklch(0.372 0.046 258.3);
}Tailwind CSS v4
@theme {
--color-pi: #314159;
--color-pi-50: #eef6ff;
--color-pi-100: #dfe9f8;
--color-pi-200: #c9d5e9;
--color-pi-300: #aab8d0;
--color-pi-400: #8ea0ba;
--color-pi-500: #7387a5;
--color-pi-600: #62738c;
--color-pi-700: #4e5c70;
--color-pi-800: #384353;
--color-pi-900: #262e3a;
--color-pi-950: #151b24;
}SCSS
$pi: #314159;
$pi-rgb: 49, 65, 89;
$pi-light: mix(#fff, $pi, 20%);
$pi-dark: mix(#000, $pi, 20%);
.element {
color: $pi;
box-shadow: 0 0 0 2px rgba($pi, 0.35);
}