#BABCDC

#BABCDC

#DCDABA

#DCDABA

コントラスト比

1.31:1

Delta E

35.16

Very Different

50:50 ミックス

#CCCBCB

カラー値

フォーマット #BABCDC #DCDABA
HEX #BABCDC #DCDABA
RGB 186, 188, 220 220, 218, 186
HSL 236.5, 32.7%, 79.6% 56.5, 32.7%, 79.6%
HSV 236.5, 15.5%, 86.3% 56.5, 15.5%, 86.3%
CMYK 15.5%, 14.5%, 0.0%, 13.7% 0.0%, 0.9%, 15.5%, 13.7%
OKLCH 0.804 0.045 282.5 0.8816 0.0427 104.3

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

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCDABA → 背景色: #BABCDC

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

テキスト: #BABCDC → 背景色: #DCDABA

色差 (Delta E)

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

グラデーション

#BABCDC #C0C1D7 #C6C6D1 #CCCBCB #D2D0C6 #D7D5C0 #DCDABA

カラーミキシング

#BABCDC

100%

#C3C3D4

75:25

#CCCBCB

50:50

#D4D2C3

25:75

#DCDABA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BABCDC, #DCDABA);
background: linear-gradient(135deg, #BABCDC, #DCDABA);

各色を詳しく見る

#BABCDC

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

#DCDABA

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

関連する比較