#7AE4FF

#7AE4FF

#FF957A

#FF957A

コントラスト比

1.46:1

Delta E

82.27

Very Different

50:50 ミックス

#D4BFBB

カラー値

フォーマット #7AE4FF #FF957A
HEX #7AE4FF #FF957A
RGB 122, 228, 255 255, 149, 122
HSL 192.2, 100.0%, 73.9% 12.2, 100.0%, 73.9%
HSV 192.2, 52.2%, 100.0% 12.2, 52.2%, 100.0%
CMYK 52.2%, 10.6%, 0.0%, 0.0% 0.0%, 41.6%, 52.2%, 0.0%
OKLCH 0.8651 0.1048 216.5 0.7756 0.1339 35.2

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

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF957A → 背景色: #7AE4FF

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

テキスト: #7AE4FF → 背景色: #FF957A

色差 (Delta E)

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

グラデーション

#7AE4FF #A2D8E8 #BECCD2 #D4BFBB #E5B2A5 #F3A490 #FF957A

カラーミキシング

#7AE4FF

100%

#B1D2DD

75:25

#D4BFBB

50:50

#ECAB9A

25:75

#FF957A

100%

CSSグラデーションコード

background: linear-gradient(to right, #7AE4FF, #FF957A);
background: linear-gradient(135deg, #7AE4FF, #FF957A);

各色を詳しく見る

#7AE4FF

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

#FF957A

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

関連する比較