#A7F1ED

#A7F1ED

#F1A7AB

#F1A7AB

コントラスト比

1.52:1

Delta E

55.35

Very Different

50:50 ミックス

#D4CDCB

カラー値

フォーマット #A7F1ED #F1A7AB
HEX #A7F1ED #F1A7AB
RGB 167, 241, 237 241, 167, 171
HSL 176.8, 72.5%, 80.0% 356.8, 72.5%, 80.0%
HSV 176.8, 30.7%, 94.5% 356.8, 30.7%, 94.5%
CMYK 30.7%, 0.0%, 1.7%, 5.5% 0.0%, 30.7%, 29.0%, 5.5%
OKLCH 0.9087 0.0733 191.7 0.8005 0.0878 15.7

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

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F1A7AB → 背景色: #A7F1ED

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

テキスト: #A7F1ED → 背景色: #F1A7AB

色差 (Delta E)

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

グラデーション

#A7F1ED #B9E5E2 #C8D9D7 #D4CDCB #DFC1C1 #E9B4B6 #F1A7AB

カラーミキシング

#A7F1ED

100%

#C1DFDC

75:25

#D4CDCB

50:50

#E4BBBB

25:75

#F1A7AB

100%

CSSグラデーションコード

background: linear-gradient(to right, #A7F1ED, #F1A7AB);
background: linear-gradient(135deg, #A7F1ED, #F1A7AB);

各色を詳しく見る

#A7F1ED

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

#F1A7AB

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

関連する比較