#AFF2CE

#AFF2CE

#F2AFD3

#F2AFD3

コントラスト比

1.39:1

Delta E

62.16

Very Different

50:50 ミックス

#D5D2D1

カラー値

フォーマット #AFF2CE #F2AFD3
HEX #AFF2CE #F2AFD3
RGB 175, 242, 206 242, 175, 211
HSL 147.8, 72.0%, 81.8% 327.8, 72.0%, 81.8%
HSV 147.8, 27.7%, 94.9% 327.8, 27.7%, 94.9%
CMYK 27.7%, 0.0%, 14.9%, 5.1% 0.0%, 27.7%, 12.8%, 5.1%
OKLCH 0.9066 0.0835 160.7 0.8271 0.0903 345.8

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2AFD3 → 背景色: #AFF2CE

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

テキスト: #AFF2CE → 背景色: #F2AFD3

色差 (Delta E)

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

グラデーション

#AFF2CE #BDE8CF #CADDD0 #D5D2D1 #E0C7D2 #E9BBD2 #F2AFD3

カラーミキシング

#AFF2CE

100%

#C4E2CF

75:25

#D5D2D1

50:50

#E5C1D2

25:75

#F2AFD3

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFF2CE, #F2AFD3);
background: linear-gradient(135deg, #AFF2CE, #F2AFD3);

各色を詳しく見る

#AFF2CE

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

#F2AFD3

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

関連する比較