#7AF5C4

#7AF5C4

#F57AAB

#F57AAB

コントラスト比

1.9:1

Delta E

101.85

Very Different

50:50 ミックス

#CABEB8

カラー値

フォーマット #7AF5C4 #F57AAB
HEX #7AF5C4 #F57AAB
RGB 122, 245, 196 245, 122, 171
HSL 156.1, 86.0%, 72.0% 336.1, 86.0%, 72.0%
HSV 156.1, 50.2%, 96.1% 336.1, 50.2%, 96.1%
CMYK 50.2%, 0.0%, 20.0%, 3.9% 0.0%, 50.2%, 30.2%, 3.9%
OKLCH 0.8859 0.1317 165.2 0.7338 0.1588 356.6

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

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F57AAB → 背景色: #7AF5C4

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

テキスト: #7AF5C4 → 背景色: #F57AAB

色差 (Delta E)

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

グラデーション

#7AF5C4 #9DE3C0 #B6D1BC #CABEB8 #DBA9B3 #E993AF #F57AAB

カラーミキシング

#7AF5C4

100%

#AADABE

75:25

#CABEB8

50:50

#E29EB1

25:75

#F57AAB

100%

CSSグラデーションコード

background: linear-gradient(to right, #7AF5C4, #F57AAB);
background: linear-gradient(135deg, #7AF5C4, #F57AAB);

各色を詳しく見る

#7AF5C4

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

#F57AAB

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

関連する比較