#AFD3D1

#AFD3D1

#D3AFB1

#D3AFB1

コントラスト比

1.24:1

Delta E

27.5

Very Different

50:50 ミックス

#C3C1C1

カラー値

フォーマット #AFD3D1 #D3AFB1
HEX #AFD3D1 #D3AFB1
RGB 175, 211, 209 211, 175, 177
HSL 176.7, 29.0%, 75.7% 356.7, 29.0%, 75.7%
HSV 176.7, 17.1%, 82.7% 356.7, 17.1%, 82.7%
CMYK 17.1%, 0.0%, 0.9%, 17.3% 0.0%, 17.1%, 16.1%, 17.3%
OKLCH 0.8403 0.0382 192.3 0.7863 0.042 14.3

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

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

テキスト読みやすさ

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

テキスト: #D3AFB1 → 背景色: #AFD3D1

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

テキスト: #AFD3D1 → 背景色: #D3AFB1

色差 (Delta E)

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

グラデーション

#AFD3D1 #B6CDCC #BDC7C6 #C3C1C1 #C9BBBC #CEB5B6 #D3AFB1

カラーミキシング

#AFD3D1

100%

#BACAC9

75:25

#C3C1C1

50:50

#CCB8B9

25:75

#D3AFB1

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFD3D1, #D3AFB1);
background: linear-gradient(135deg, #AFD3D1, #D3AFB1);

各色を詳しく見る

#AFD3D1

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

#D3AFB1

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

関連する比較