Adlandırılmış renk · #318CE7
Bleu de France
Bleu de France, #318CE7: rgb(49 140 231), hsl(210 79% 55%), oklch(0.632 0.161 252). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Bleu de France color name →
#318CE7
oklch(0.632 0.161 252)
Renk dönüşümleri
- HEX
- #318ce7
- RGB
- rgb(49 140 231)
- HSL
- hsl(210 79% 55%)
- HWB
- hwb(210 19% 9%)
- OKLCH
- oklch(0.632 0.161 252)
- OKLab
- oklab(0.632 -0.05 -0.153)
- CIE Lab
- lab(56.41 -2.62 -54.65)
- LCH
- lch(56.41 54.71 267.3)
- CMYK
- cmyk(79% 39% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4B98EA
- 61A4EE
- 75B0F1
- 8ABBF3
- 9DC7F6
- B1D2F8
- C4DDFA
- D8E9FC
- EBF4FE
Koyu tonlar
- 2979C9
- 2267AB
- 1A558F
- 134373
- 0C3359
- 062340
- 031428
- 010713
- 000103
Gri tonlar
- 3E8CDD
- 488BD3
- 518AC9
- 5989BE
- 6188B4
- 6887AA
- 6E85A0
- 758495
- 7A828B
Renk uyumları
Tamamlayıcı +180°
- 318CE7
Bleu de France
- BB7A00
≈ Cassandra’s Curse
Analog -30° +30°
- 318CE7
Bleu de France
- 0099BC
≈ Serene Blue
- 7D79E7
≈ Hera Blue
Üçlü +120° +240°
- 318CE7
Bleu de France
- D8596F
≈ Dragon Fruit
- 639D22
≈ Gecko’s Dream
Bölünmüş tamamlayıcı +150° +210°
- 318CE7
Bleu de France
- D7622F
≈ Tangerine Bliss
- 9A8C00
≈ Smoothie Green
Dörtlü +90° +180° +270°
- 318CE7
Bleu de France
- C95DA5
≈ Pú Táo Zǐ Purple
- BB7A00
≈ Cassandra’s Curse
- 00A36F
≈ Biel-Tan Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.47:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.03:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.03:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--bleu-de-france: #318ce7;
--bleu-de-france-rgb: 49 140 231;
--bleu-de-france-oklch: oklch(0.632 0.161 252);
}
.element {
color: var(--bleu-de-france);
background-color: hsl(210 79% 55%);
border-color: oklch(0.632 0.161 252);
}Tailwind CSS v4
@theme {
--color-bleu-de-france: #318ce7;
--color-bleu-de-france-50: #d6f9ff;
--color-bleu-de-france-100: #c3ecff;
--color-bleu-de-france-200: #a4d8ff;
--color-bleu-de-france-300: #7bbbff;
--color-bleu-de-france-400: #4fa2fa;
--color-bleu-de-france-500: #1787ec;
--color-bleu-de-france-600: #1973c7;
--color-bleu-de-france-700: #145ca0;
--color-bleu-de-france-800: #044477;
--color-bleu-de-france-900: #042f54;
--color-bleu-de-france-950: #001b39;
}SCSS
$bleu-de-france: #318ce7;
$bleu-de-france-rgb: 49, 140, 231;
$bleu-de-france-light: mix(#fff, $bleu-de-france, 20%);
$bleu-de-france-dark: mix(#000, $bleu-de-france, 20%);
.element {
color: $bleu-de-france;
box-shadow: 0 0 0 2px rgba($bleu-de-france, 0.35);
}