#BACBEC

#BACBEC

#ECDBBA

#ECDBBA

コントラスト比

1.2:1

Delta E

37.15

Very Different

50:50 ミックス

#D5D3D3

カラー値

フォーマット #BACBEC #ECDBBA
HEX #BACBEC #ECDBBA
RGB 186, 203, 236 236, 219, 186
HSL 219.6, 56.8%, 82.7% 39.6, 56.8%, 82.7%
HSV 219.6, 21.2%, 92.5% 39.6, 21.2%, 92.5%
CMYK 21.2%, 14.0%, 0.0%, 7.5% 0.0%, 7.2%, 21.2%, 7.5%
OKLCH 0.84 0.0499 263.7 0.8968 0.0475 83.9

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

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECDBBA → 背景色: #BACBEC

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

テキスト: #BACBEC → 背景色: #ECDBBA

色差 (Delta E)

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

グラデーション

#BACBEC #C4CEE4 #CDD0DC #D5D3D3 #DDD6CB #E5D8C3 #ECDBBA

カラーミキシング

#BACBEC

100%

#C8CFE0

75:25

#D5D3D3

50:50

#E1D7C7

25:75

#ECDBBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BACBEC, #ECDBBA);
background: linear-gradient(135deg, #BACBEC, #ECDBBA);

各色を詳しく見る

#BACBEC

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

#ECDBBA

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

関連する比較