#AFEDE2

#AFEDE2

#EDAFBA

#EDAFBA

コントラスト比

1.4:1

Delta E

47.66

Very Different

50:50 ミックス

#D3CFCE

カラー値

フォーマット #AFEDE2 #EDAFBA
HEX #AFEDE2 #EDAFBA
RGB 175, 237, 226 237, 175, 186
HSL 169.4, 63.3%, 80.8% 349.4, 63.3%, 80.8%
HSV 169.4, 26.2%, 92.9% 349.4, 26.2%, 92.9%
CMYK 26.2%, 0.0%, 4.6%, 7.1% 0.0%, 26.2%, 21.5%, 7.1%
OKLCH 0.9012 0.0643 182.7 0.8145 0.0737 7.0

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

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EDAFBA → 背景色: #AFEDE2

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

テキスト: #AFEDE2 → 背景色: #EDAFBA

色差 (Delta E)

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

グラデーション

#AFEDE2 #BDE3DB #C9D9D4 #D3CFCE #DDC5C7 #E5BAC1 #EDAFBA

カラーミキシング

#AFEDE2

100%

#C3DED8

75:25

#D3CFCE

50:50

#E1BFC4

25:75

#EDAFBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFEDE2, #EDAFBA);
background: linear-gradient(135deg, #AFEDE2, #EDAFBA);

各色を詳しく見る

#AFEDE2

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

#EDAFBA

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

関連する比較