#80FAFA

#80FAFA

#FA8080

#FA8080

コントラスト比

2.01:1

Delta E

90.06

Very Different

50:50 ミックス

#D5C1BB

カラー値

フォーマット #80FAFA #FA8080
HEX #80FAFA #FA8080
RGB 128, 250, 250 250, 128, 128
HSL 180.0, 92.4%, 74.1% 0.0, 92.4%, 74.1%
HSV 180.0, 48.8%, 98.0% 0.0, 48.8%, 98.0%
CMYK 48.8%, 0.0%, 0.0%, 2.0% 0.0%, 48.8%, 48.8%, 2.0%
OKLCH 0.9149 0.1099 195.4 0.7378 0.1493 21.3

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

2.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FA8080 → 背景色: #80FAFA

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

テキスト: #80FAFA → 背景色: #FA8080

色差 (Delta E)

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

グラデーション

#80FAFA #A7E7E5 #C1D5D0 #D5C1BB #E4ADA7 #F19793 #FA8080

カラーミキシング

#80FAFA

100%

#B5DEDA

75:25

#D5C1BB

50:50

#EBA29D

25:75

#FA8080

100%

CSSグラデーションコード

background: linear-gradient(to right, #80FAFA, #FA8080);
background: linear-gradient(135deg, #80FAFA, #FA8080);

各色を詳しく見る

#80FAFA

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

#FA8080

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

関連する比較