#9FC3EB

#9FC3EB

#EBC79F

#EBC79F

コントラスト比

1.15:1

Delta E

49.73

Very Different

50:50 ミックス

#CBC5C5

カラー値

フォーマット #9FC3EB #EBC79F
HEX #9FC3EB #EBC79F
RGB 159, 195, 235 235, 199, 159
HSL 211.6, 65.5%, 77.3% 31.6, 65.5%, 77.3%
HSV 211.6, 32.3%, 92.2% 31.6, 32.3%, 92.2%
CMYK 32.3%, 17.0%, 0.0%, 7.8% 0.0%, 15.3%, 32.3%, 7.8%
OKLCH 0.8049 0.0689 251.4 0.8508 0.0668 69.7

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

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EBC79F → 背景色: #9FC3EB

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

テキスト: #9FC3EB → 背景色: #EBC79F

色差 (Delta E)

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

グラデーション

#9FC3EB #B0C4DE #BEC4D2 #CBC5C5 #D7C6B9 #E1C6AC #EBC79F

カラーミキシング

#9FC3EB

100%

#B7C4D8

75:25

#CBC5C5

50:50

#DCC6B2

25:75

#EBC79F

100%

CSSグラデーションコード

background: linear-gradient(to right, #9FC3EB, #EBC79F);
background: linear-gradient(135deg, #9FC3EB, #EBC79F);

各色を詳しく見る

#9FC3EB

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

#EBC79F

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

関連する比較