#97ADE4

#97ADE4

#E4CE97

#E4CE97

コントラスト比

1.44:1

Delta E

61.81

Very Different

50:50 ミックス

#C3BDBE

カラー値

フォーマット #97ADE4 #E4CE97
HEX #97ADE4 #E4CE97
RGB 151, 173, 228 228, 206, 151
HSL 222.9, 58.8%, 74.3% 42.9, 58.8%, 74.3%
HSV 222.9, 33.8%, 89.4% 42.9, 33.8%, 89.4%
CMYK 33.8%, 24.1%, 0.0%, 10.6% 0.0%, 9.6%, 33.8%, 10.6%
OKLCH 0.751 0.0834 267.5 0.8567 0.0755 88.7

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

1.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #E4CE97 → 背景色: #97ADE4

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

テキスト: #97ADE4 → 背景色: #E4CE97

色差 (Delta E)

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

グラデーション

#97ADE4 #A8B2D8 #B6B8CB #C3BDBE #CFC3B2 #DAC8A5 #E4CE97

カラーミキシング

#97ADE4

100%

#AFB5D1

75:25

#C3BDBE

50:50

#D5C5AB

25:75

#E4CE97

100%

CSSグラデーションコード

background: linear-gradient(to right, #97ADE4, #E4CE97);
background: linear-gradient(135deg, #97ADE4, #E4CE97);

各色を詳しく見る

#97ADE4

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

#E4CE97

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

関連する比較