#77FAFF

#77FAFF

#FF7C77

#FF7C77

コントラスト比

2.01:1

Delta E

96.13

Very Different

50:50 ミックス

#D8C0B9

カラー値

フォーマット #77FAFF #FF7C77
HEX #77FAFF #FF7C77
RGB 119, 250, 255 255, 124, 119
HSL 182.2, 100.0%, 73.3% 2.2, 100.0%, 73.3%
HSV 182.2, 53.3%, 100.0% 2.2, 53.3%, 100.0%
CMYK 53.3%, 2.0%, 0.0%, 0.0% 0.0%, 51.4%, 53.3%, 0.0%
OKLCH 0.9133 0.1157 198.7 0.7369 0.1607 24.0

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

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

テキスト読みやすさ

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

テキスト: #FF7C77 → 背景色: #77FAFF

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

テキスト: #77FAFF → 背景色: #FF7C77

色差 (Delta E)

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

グラデーション

#77FAFF #A4E7E7 #C2D4D0 #D8C0B9 #E8ABA2 #F5958C #FF7C77

カラーミキシング

#77FAFF

100%

#B5DDDB

75:25

#D8C0B9

50:50

#EFA097

25:75

#FF7C77

100%

CSSグラデーションコード

background: linear-gradient(to right, #77FAFF, #FF7C77);
background: linear-gradient(135deg, #77FAFF, #FF7C77);

各色を詳しく見る

#77FAFF

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

#FF7C77

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

関連する比較