#BEBADE

#BEBADE

#DADEBA

#DADEBA

コントラスト比

1.34:1

Delta E

39.59

Very Different

50:50 ミックス

#CDCCCC

カラー値

フォーマット #BEBADE #DADEBA
HEX #BEBADE #DADEBA
RGB 190, 186, 222 218, 222, 186
HSL 246.7, 35.3%, 80.0% 66.7, 35.3%, 80.0%
HSV 246.7, 16.2%, 87.1% 66.7, 16.2%, 87.1%
CMYK 14.4%, 16.2%, 0.0%, 12.9% 1.8%, 0.0%, 16.2%, 12.9%
OKLCH 0.8039 0.0506 290.3 0.8882 0.048 112.5

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

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DADEBA → 背景色: #BEBADE

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

テキスト: #BEBADE → 背景色: #DADEBA

色差 (Delta E)

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

グラデーション

#BEBADE #C3C0D8 #C8C6D2 #CDCCCC #D2D2C6 #D6D8C0 #DADEBA

カラーミキシング

#BEBADE

100%

#C6C3D5

75:25

#CDCCCC

50:50

#D4D5C3

25:75

#DADEBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BEBADE, #DADEBA);
background: linear-gradient(135deg, #BEBADE, #DADEBA);

各色を詳しく見る

#BEBADE

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

#DADEBA

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

関連する比較