Nazwany kolor · #244E94
Le Grand Bleu
Le Grand Bleu to #244E94: rgb(36 78 148), hsl(218 61% 36%), oklch(0.434 0.125 260). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Le Grand Bleu color name →
#244E94
oklch(0.434 0.125 260)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 395F9F
- 4E71AB
- 6282B6
- 7893C0
- 8DA5CB
- A3B6D6
- BAC8E0
- D0DAEB
- E7EDF5
Odcienie ciemniejsze
- 1E4380
- 18386D
- 122D5A
- 0C2348
- 071936
- 040F26
- 020716
- 000208
- 000001
Tony
- 2E5493
- 385991
- 415F90
- 4A648E
- 53698C
- 5C6E8A
- 657288
- 6E7785
- 777C83
Harmonie kolorów
Komplementarna +180°
- 244E94
Le Grand Bleu
- 6A4A00
≈ Antique Bronze
Analogowa -30° +30°
- 244E94
Le Grand Bleu
- 005977
≈ Ink Blue
- 52418F
≈ Harvest Night
Triada +120° +240°
- 244E94
Le Grand Bleu
- 882D33
≈ Polished Apple
- 246014
≈ Jurassic Moss
Komplementarna rozszczepiona +150° +210°
- 244E94
Le Grand Bleu
- 803900
≈ Red Beech
- 545500
≈ Douro
Tetrada +90° +180° +270°
- 244E94
Le Grand Bleu
- 802E5A
≈ Alfonso Olive
- 6A4A00
≈ Antique Bronze
- 006049
≈ Sci-Fi Takeout
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.10:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.59:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.10:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}