#AFD4B7

#AFD4B7

#D4AFCC

#D4AFCC

コントラスト比

1.2:1

Delta E

41.72

Very Different

50:50 ミックス

#C3C2C2

カラー値

フォーマット #AFD4B7 #D4AFCC
HEX #AFD4B7 #D4AFCC
RGB 175, 212, 183 212, 175, 204
HSL 133.0, 30.1%, 75.9% 313.0, 30.1%, 75.9%
HSV 133.0, 17.5%, 83.1% 313.0, 17.5%, 83.1%
CMYK 17.5%, 0.0%, 13.7%, 16.9% 0.0%, 17.5%, 3.8%, 16.9%
OKLCH 0.8352 0.0561 151.5 0.7955 0.0577 333.7

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

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D4AFCC → 背景色: #AFD4B7

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

テキスト: #AFD4B7 → 背景色: #D4AFCC

色差 (Delta E)

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

グラデーション

#AFD4B7 #B6CEBB #BDC8BE #C3C2C2 #C9BCC5 #CFB6C9 #D4AFCC

カラーミキシング

#AFD4B7

100%

#BACBBC

75:25

#C3C2C2

50:50

#CCB9C7

25:75

#D4AFCC

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFD4B7, #D4AFCC);
background: linear-gradient(135deg, #AFD4B7, #D4AFCC);

各色を詳しく見る

#AFD4B7

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

#D4AFCC

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

関連する比較