色名 · #318CE7
Bleu de France
Bleu de Franceは#318CE7：rgb(49 140 231)、hsl(210 79% 55%)、oklch(0.632 0.161 252)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Bleu de France color name →
#318CE7
oklch(0.632 0.161 252)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 4B98EA
- 61A4EE
- 75B0F1
- 8ABBF3
- 9DC7F6
- B1D2F8
- C4DDFA
- D8E9FC
- EBF4FE
シェード
- 2979C9
- 2267AB
- 1A558F
- 134373
- 0C3359
- 062340
- 031428
- 010713
- 000103
トーン
- 3E8CDD
- 488BD3
- 518AC9
- 5989BE
- 6188B4
- 6887AA
- 6E85A0
- 758495
- 7A828B
カラーハーモニー
補色 +180°
- 318CE7
Bleu de France
- BB7A00
≈ Cassandra’s Curse
類似色 -30° +30°
- 318CE7
Bleu de France
- 0099BC
≈ Serene Blue
- 7D79E7
≈ Hera Blue
トライアド +120° +240°
- 318CE7
Bleu de France
- D8596F
≈ Dragon Fruit
- 639D22
≈ Gecko’s Dream
スプリットコンプリメンタリー +150° +210°
- 318CE7
Bleu de France
- D7622F
≈ Tangerine Bliss
- 9A8C00
≈ Smoothie Green
テトラード +90° +180° +270°
- 318CE7
Bleu de France
- C95DA5
≈ Pú Táo Zǐ Purple
- BB7A00
≈ Cassandra’s Curse
- 00A36F
≈ Biel-Tan Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.47:1 · APCA Lc 62
Ag
AA黒の上
WCAG 6.03:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.03:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
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);
}