#9ACAEC

#9ACAEC

#ECBC9A

#ECBC9A

コントラスト比

1.02:1

Delta E

49.88

Very Different

50:50 ミックス

#CAC3C3

カラー値

フォーマット #9ACAEC #ECBC9A
HEX #9ACAEC #ECBC9A
RGB 154, 202, 236 236, 188, 154
HSL 204.9, 68.3%, 76.5% 24.9, 68.3%, 76.5%
HSV 204.9, 34.7%, 92.5% 24.9, 34.7%, 92.5%
CMYK 34.7%, 14.4%, 0.0%, 7.5% 0.0%, 20.3%, 34.7%, 7.5%
OKLCH 0.817 0.0696 239.5 0.8297 0.0718 56.8

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

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECBC9A → 背景色: #9ACAEC

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

テキスト: #9ACAEC → 背景色: #ECBC9A

色差 (Delta E)

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

グラデーション

#9ACAEC #ADC8DE #BDC5D1 #CAC3C3 #D7C1B5 #E2BEA8 #ECBC9A

カラーミキシング

#9ACAEC

100%

#B5C7D7

75:25

#CAC3C3

50:50

#DCC0AF

25:75

#ECBC9A

100%

CSSグラデーションコード

background: linear-gradient(to right, #9ACAEC, #ECBC9A);
background: linear-gradient(135deg, #9ACAEC, #ECBC9A);

各色を詳しく見る

#9ACAEC

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

#ECBC9A

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

関連する比較