#ABB2CE

#ABB2CE

#CEC7AB

#CEC7AB

コントラスト比

1.24:1

Delta E

31.25

Very Different

50:50 ミックス

#BEBCBD

カラー値

フォーマット #ABB2CE #CEC7AB
HEX #ABB2CE #CEC7AB
RGB 171, 178, 206 206, 199, 171
HSL 228.0, 26.3%, 73.9% 48.0, 26.3%, 73.9%
HSV 228.0, 17.0%, 80.8% 48.0, 17.0%, 80.8%
CMYK 17.0%, 13.6%, 0.0%, 19.2% 0.0%, 3.4%, 17.0%, 19.2%
OKLCH 0.7672 0.0407 274.3 0.8279 0.0387 95.5

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

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CEC7AB → 背景色: #ABB2CE

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

テキスト: #ABB2CE → 背景色: #CEC7AB

色差 (Delta E)

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

グラデーション

#ABB2CE #B2B5C8 #B8B9C3 #BEBCBD #C3C0B7 #C9C3B1 #CEC7AB

カラーミキシング

#ABB2CE

100%

#B5B7C5

75:25

#BEBCBD

50:50

#C6C2B4

25:75

#CEC7AB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABB2CE, #CEC7AB);
background: linear-gradient(135deg, #ABB2CE, #CEC7AB);

各色を詳しく見る

#ABB2CE

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

#CEC7AB

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

関連する比較