#AFDDB0

#AFDDB0

#DDAFDC

#DDAFDC

コントラスト比

1.23:1

Delta E

58.82

Very Different

50:50 ミックス

#C9C7C6

カラー値

フォーマット #AFDDB0 #DDAFDC
HEX #AFDDB0 #DDAFDC
RGB 175, 221, 176 221, 175, 220
HSL 121.3, 40.4%, 77.6% 301.3, 40.4%, 77.6%
HSV 121.3, 20.8%, 86.7% 301.3, 20.8%, 86.7%
CMYK 20.8%, 0.0%, 20.4%, 13.3% 0.0%, 20.8%, 0.5%, 13.3%
OKLCH 0.8531 0.0782 145.4 0.8094 0.08 327.0

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

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DDAFDC → 背景色: #AFDDB0

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

テキスト: #AFDDB0 → 背景色: #DDAFDC

色差 (Delta E)

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

グラデーション

#AFDDB0 #B8D6B8 #C1CFBF #C9C7C6 #D0BFCE #D7B7D5 #DDAFDC

カラーミキシング

#AFDDB0

100%

#BDD2BB

75:25

#C9C7C6

50:50

#D3BBD1

25:75

#DDAFDC

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFDDB0, #DDAFDC);
background: linear-gradient(135deg, #AFDDB0, #DDAFDC);

各色を詳しく見る

#AFDDB0

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

#DDAFDC

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

関連する比較