Colore con nome · #244E94
Le Grand Bleu
Le Grand Bleu è #244E94: rgb(36 78 148), hsl(218 61% 36%), oklch(0.434 0.125 260). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Le Grand Bleu color name →
#244E94
oklch(0.434 0.125 260)
Conversioni di colore
- HEX
- #244e94
- RGB
- rgb(36 78 148)
- HSL
- hsl(218 61% 36%)
- HWB
- hwb(218 14% 42%)
- OKLCH
- oklch(0.434 0.125 260)
- OKLab
- oklab(0.434 -0.022 -0.123)
- CIE Lab
- lab(33.24 5.28 -43.65)
- LCH
- lch(33.24 43.97 276.9)
- CMYK
- cmyk(76% 47% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 395F9F
- 4E71AB
- 6282B6
- 7893C0
- 8DA5CB
- A3B6D6
- BAC8E0
- D0DAEB
- E7EDF5
Ombre
- 1E4380
- 18386D
- 122D5A
- 0C2348
- 071936
- 040F26
- 020716
- 000208
- 000001
Toni
- 2E5493
- 385991
- 415F90
- 4A648E
- 53698C
- 5C6E8A
- 657288
- 6E7785
- 777C83
Armonie di colore
Complementare +180°
- 244E94
Le Grand Bleu
- 6A4A00
≈ Antique Bronze
Analogo -30° +30°
- 244E94
Le Grand Bleu
- 005977
≈ Ink Blue
- 52418F
≈ Harvest Night
Triadico +120° +240°
- 244E94
Le Grand Bleu
- 882D33
≈ Polished Apple
- 246014
≈ Jurassic Moss
Complementare divisa +150° +210°
- 244E94
Le Grand Bleu
- 803900
≈ Red Beech
- 545500
≈ Douro
Tetradico +90° +180° +270°
- 244E94
Le Grand Bleu
- 802E5A
≈ Alfonso Olive
- 6A4A00
≈ Antique Bronze
- 006049
≈ Sci-Fi Takeout
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.10:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.59:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.10:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--le-grand-bleu: #244e94;
--le-grand-bleu-rgb: 36 78 148;
--le-grand-bleu-oklch: oklch(0.434 0.125 260);
}
.element {
color: var(--le-grand-bleu);
background-color: hsl(218 61% 36%);
border-color: oklch(0.434 0.125 260);
}Tailwind CSS v4
@theme {
--color-le-grand-bleu: #244e94;
--color-le-grand-bleu-50: #e2f6ff;
--color-le-grand-bleu-100: #d2e9ff;
--color-le-grand-bleu-200: #b7d5ff;
--color-le-grand-bleu-300: #95b8f8;
--color-le-grand-bleu-400: #729fe8;
--color-le-grand-bleu-500: #5385d8;
--color-le-grand-bleu-600: #4771b6;
--color-le-grand-bleu-700: #385a92;
--color-le-grand-bleu-800: #26426d;
--color-le-grand-bleu-900: #192e4d;
--color-le-grand-bleu-950: #0a1a33;
}SCSS
$le-grand-bleu: #244e94;
$le-grand-bleu-rgb: 36, 78, 148;
$le-grand-bleu-light: mix(#fff, $le-grand-bleu, 20%);
$le-grand-bleu-dark: mix(#000, $le-grand-bleu, 20%);
.element {
color: $le-grand-bleu;
box-shadow: 0 0 0 2px rgba($le-grand-bleu, 0.35);
}