#A5D2AB

#A5D2AB

#D2A5CC

#D2A5CC

コントラスト比

1.24:1

Delta E

53.88

Very Different

50:50 ミックス

#BEBDBC

カラー値

フォーマット #A5D2AB #D2A5CC
HEX #A5D2AB #D2A5CC
RGB 165, 210, 171 210, 165, 204
HSL 128.0, 33.3%, 73.5% 308.0, 33.3%, 73.5%
HSV 128.0, 21.4%, 82.4% 308.0, 21.4%, 82.4%
CMYK 21.4%, 0.0%, 18.6%, 17.6% 0.0%, 21.4%, 2.9%, 17.6%
OKLCH 0.8212 0.0719 148.5 0.7751 0.0741 330.8

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

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D2A5CC → 背景色: #A5D2AB

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

テキスト: #A5D2AB → 背景色: #D2A5CC

色差 (Delta E)

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

グラデーション

#A5D2AB #AECBB1 #B6C4B6 #BEBDBC #C5B5C1 #CCADC7 #D2A5CC

カラーミキシング

#A5D2AB

100%

#B2C7B4

75:25

#BEBDBC

50:50

#C8B1C4

25:75

#D2A5CC

100%

CSSグラデーションコード

background: linear-gradient(to right, #A5D2AB, #D2A5CC);
background: linear-gradient(135deg, #A5D2AB, #D2A5CC);

各色を詳しく見る

#A5D2AB

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

#D2A5CC

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

関連する比較