#97AAEC

#97AAEC

#ECD997

#ECD997

コントラスト比

1.61:1

Delta E

72.98

Very Different

50:50 ミックス

#C9C1C3

カラー値

フォーマット #97AAEC #ECD997
HEX #97AAEC #ECD997
RGB 151, 170, 236 236, 217, 151
HSL 226.6, 69.1%, 75.9% 46.6, 69.1%, 75.9%
HSV 226.6, 36.0%, 92.5% 46.6, 36.0%, 92.5%
CMYK 36.0%, 28.0%, 0.0%, 7.5% 0.0%, 8.1%, 36.0%, 7.5%
OKLCH 0.7484 0.0979 271.5 0.8857 0.0867 94.0

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

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECD997 → 背景色: #97AAEC

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

テキスト: #97AAEC → 背景色: #ECD997

色差 (Delta E)

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

グラデーション

#97AAEC #AAB1DE #BAB9D1 #C9C1C3 #D5C9B5 #E1D1A6 #ECD997

カラーミキシング

#97AAEC

100%

#B2B5D8

75:25

#C9C1C3

50:50

#DBCDAE

25:75

#ECD997

100%

CSSグラデーションコード

background: linear-gradient(to right, #97AAEC, #ECD997);
background: linear-gradient(135deg, #97AAEC, #ECD997);

各色を詳しく見る

#97AAEC

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

#ECD997

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

関連する比較