#BAEAEC

#BAEAEC

#ECBCBA

#ECBCBA

コントラスト比

1.29:1

Delta E

35.78

Very Different

50:50 ミックス

#D7D3D3

カラー値

フォーマット #BAEAEC #ECBCBA
HEX #BAEAEC #ECBCBA
RGB 186, 234, 236 236, 188, 186
HSL 182.4, 56.8%, 82.7% 2.4, 56.8%, 82.7%
HSV 182.4, 21.2%, 92.5% 2.4, 21.2%, 92.5%
CMYK 21.2%, 0.8%, 0.0%, 7.5% 0.0%, 20.3%, 21.2%, 7.5%
OKLCH 0.9043 0.0493 199.5 0.8372 0.0556 21.1

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

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECBCBA → 背景色: #BAEAEC

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

テキスト: #BAEAEC → 背景色: #ECBCBA

色差 (Delta E)

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

グラデーション

#BAEAEC #C5E3E4 #CEDBDB #D7D3D3 #DFCCCA #E6C4C2 #ECBCBA

カラーミキシング

#BAEAEC

100%

#CADFDF

75:25

#D7D3D3

50:50

#E2C8C6

25:75

#ECBCBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAEAEC, #ECBCBA);
background: linear-gradient(135deg, #BAEAEC, #ECBCBA);

各色を詳しく見る

#BAEAEC

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

#ECBCBA

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

関連する比較