#77DAF3

#77DAF3

#F39077

#F39077

コントラスト比

1.45:1

Delta E

77.46

Very Different

50:50 ミックス

#CAB7B4

カラー値

フォーマット #77DAF3 #F39077
HEX #77DAF3 #F39077
RGB 119, 218, 243 243, 144, 119
HSL 192.1, 83.8%, 71.0% 12.1, 83.8%, 71.0%
HSV 192.1, 51.0%, 95.3% 12.1, 51.0%, 95.3%
CMYK 51.0%, 10.3%, 0.0%, 4.7% 0.0%, 40.7%, 51.0%, 4.7%
OKLCH 0.8371 0.0992 216.2 0.752 0.1259 35.0

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

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F39077 → 背景色: #77DAF3

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

テキスト: #77DAF3 → 背景色: #F39077

色差 (Delta E)

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

グラデーション

#77DAF3 #9CCFDE #B6C3C9 #CAB7B4 #DAAB9F #E89E8B #F39077

カラーミキシング

#77DAF3

100%

#AAC9D3

75:25

#CAB7B4

50:50

#E1A495

25:75

#F39077

100%

CSSグラデーションコード

background: linear-gradient(to right, #77DAF3, #F39077);
background: linear-gradient(135deg, #77DAF3, #F39077);

各色を詳しく見る

#77DAF3

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

#F39077

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

関連する比較