#AAF7F2

#AAF7F2

#F7AAAF

#F7AAAF

コントラスト比

1.53:1

Delta E

57.38

Very Different

50:50 ミックス

#D9D2D0

カラー値

フォーマット #AAF7F2 #F7AAAF
HEX #AAF7F2 #F7AAAF
RGB 170, 247, 242 247, 170, 175
HSL 176.1, 82.8%, 81.8% 356.1, 82.8%, 81.8%
HSV 176.1, 31.2%, 96.9% 356.1, 31.2%, 96.9%
CMYK 31.2%, 0.0%, 2.0%, 3.1% 0.0%, 31.2%, 29.1%, 3.1%
OKLCH 0.9248 0.0758 190.8 0.8133 0.091 15.0

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

1.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7AAAF → 背景色: #AAF7F2

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

テキスト: #AAF7F2 → 背景色: #F7AAAF

色差 (Delta E)

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

グラデーション

#AAF7F2 #BDEBE7 #CCDFDB #D9D2D0 #E5C5C5 #EEB8BA #F7AAAF

カラーミキシング

#AAF7F2

100%

#C5E5E1

75:25

#D9D2D0

50:50

#EABEBF

25:75

#F7AAAF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AAF7F2, #F7AAAF);
background: linear-gradient(135deg, #AAF7F2, #F7AAAF);

各色を詳しく見る

#AAF7F2

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

#F7AAAF

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

関連する比較