#BAE9AD

#BAE9AD

#DCADE9

#DCADE9

コントラスト比

1.37:1

Delta E

72.71

Very Different

50:50 ミックス

#CECCCC

カラー値

フォーマット #BAE9AD #DCADE9
HEX #BAE9AD #DCADE9
RGB 186, 233, 173 220, 173, 233
HSL 107.0, 57.7%, 79.6% 287.0, 57.7%, 79.6%
HSV 107.0, 25.8%, 91.4% 287.0, 25.8%, 91.4%
CMYK 20.2%, 0.0%, 25.8%, 8.6% 5.6%, 25.8%, 0.0%, 8.6%
OKLCH 0.8859 0.0941 139.0 0.8096 0.0969 318.8

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

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCADE9 → 背景色: #BAE9AD

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

テキスト: #BAE9AD → 背景色: #DCADE9

色差 (Delta E)

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

グラデーション

#BAE9AD #C2E0B8 #C8D6C2 #CECCCC #D3C2D6 #D8B8DF #DCADE9

カラーミキシング

#BAE9AD

100%

#C5DBBD

75:25

#CECCCC

50:50

#D6BDDB

25:75

#DCADE9

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAE9AD, #DCADE9);
background: linear-gradient(135deg, #BAE9AD, #DCADE9);

各色を詳しく見る

#BAE9AD

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

#DCADE9

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

関連する比較