#9DAFC5

#9DAFC5

#C5B39D

#C5B39D

コントラスト比

1.1:1

Delta E

27.39

Very Different

50:50 ミックス

#B3B1B1

カラー値

フォーマット #9DAFC5 #C5B39D
HEX #9DAFC5 #C5B39D
RGB 157, 175, 197 197, 179, 157
HSL 213.0, 25.6%, 69.4% 33.0, 25.6%, 69.4%
HSV 213.0, 20.3%, 77.3% 33.0, 20.3%, 77.3%
CMYK 20.3%, 11.2%, 0.0%, 22.7% 0.0%, 9.1%, 20.3%, 22.7%
OKLCH 0.7474 0.0376 253.5 0.7761 0.0367 72.8

コントラストとアクセシビリティ

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #C5B39D → 背景色: #9DAFC5

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #9DAFC5 → 背景色: #C5B39D

色差 (Delta E)

27.39 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#9DAFC5 #A5B0BE #ACB0B8 #B3B1B1 #B9B2AA #BFB2A4 #C5B39D

カラーミキシング

#9DAFC5

100%

#A8B0BB

75:25

#B3B1B1

50:50

#BCB2A7

25:75

#C5B39D

100%

CSSグラデーションコード

background: linear-gradient(to right, #9DAFC5, #C5B39D);
background: linear-gradient(135deg, #9DAFC5, #C5B39D);

各色を詳しく見る

#9DAFC5

カラーの詳細をすべて見る

#C5B39D

カラーの詳細をすべて見る

関連する比較