ガンガブルー
Ganga Blue | गंगा
広色域（Display P3）比較
sRGB（従来のWeb標準）
#8FCDD9
Display P3（広色域）
color(display-p3 0.6133 0.7973 0.8437)
意味と歴史
由来
ガンガブルーは、インドとバングラデシュを流れるアジアの国際河川、ガンジス川に由来する色名である。全長2,525kmのこの川は、インドの西ヒマラヤに源を発し、ガンジス平野を流れてベンガル湾に注ぐ。
出典（1件）
CSSコード
HEX
#8FCDD9 RGB
rgb(143, 205, 217) CMYK
cmyk(34%, 6%, 0%, 15%) HSV
hsv(189.7, 34.1%, 85.1%) OKLCH
oklch(81.04% 0.0653 210.95) Display P3
color(display-p3 0.6133 0.7973 0.8437) Munsell
CIE XYZ
XYZ(0.45679, 0.54509, 0.73747) CIE L*a*b*
Lab(78.76, -16.79, -12.26) CIE LCH(ab)
LCH(78.76, 20.79, 216.15°) CIE L*u*v*
Luv(78.76, -30.07, -16.38) Hunter Lab
Hunter Lab(73.83, -1.51, -1.2) xyY
xyY(0.262622, 0.313389, 0.54509) JzAzBz
JzAzBz(0.325068, -0.015557, -0.006621) JzCzHz
JzCzHz(0.325068, 0.016908, 203.055152°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #8FCDD9;
background-color: oklch(81.04% 0.0653 210.95);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.6133 0.7973 0.8437);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.76:1
黒背景
11.90:1
白文字
1.76:1
黒文字
11.90:1
配色シミュレーター
この色を背景やテキストに使用した場合のプレビューです。
白テキスト — The quick brown fox
黒テキスト — The quick brown fox
色の上にテキストを配置した場合の可読性を確認できます。見出し・本文・リンクなど、さまざまなサイズで試してみてください。
白背景 — 見出しテキスト
本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.
黒背景 — 見出しテキスト
本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.
色覚シミュレーション
P型（1型）
赤色の感度が低下
#C2C8DA
D型（2型）
緑色の感度が低下
#B6BFD9
T型（3型）
青色の感度が低下
#74D3D1
配色提案
この配色はインドのナヴァラサ（九つの情感）の色彩体系と、アーユルヴェーダの色彩療法に基づく伝統的な調和原理を反映しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
グラデーション
ティント（明るく）
background: linear-gradient(to right, #8FCDD9, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #8FCDD9, #000000); 透明へ
background: linear-gradient(to right, #8FCDD9, transparent); エクスポート
--color-ganga_blue: #8FCDD9;
--color-ganga_blue-rgb: 143, 205, 217;
--color-ganga_blue-oklch: 81.04% 0.0653 210.95;$color-ganga_blue: #8FCDD9;
$color-ganga_blue-rgb: rgb(143, 205, 217);
$color-ganga_blue-oklch: oklch(81.04% 0.0653 210.95);'ganga_blue': '#8FCDD9',Color(red: 0.561, green: 0.804, blue: 0.851){
"name": {
"ja": "ガンガブルー",
"en": "Ganga Blue",
"local": "गंगा"
},
"hex": "#8FCDD9",
"rgb": {
"r": 143,
"g": 205,
"b": 217
},
"cmyk": {
"c": 34,
"m": 6,
"y": 0,
"k": 15
},
"oklch": {
"l": 81.04,
"c": 0.0653,
"h": 210.95
},
"displayP3": {
"r": 0.6133,
"g": 0.7973,
"b": 0.8437
},
"hsv": {
"h": 189.7,
"s": 34.1,
"v": 85.1
},
"munsell": ""
}