#5278DB

#5278DB

#DBB552

#DBB552

コントラスト比

2.12:1

Delta E

112.46

Very Different

50:50 ミックス

#AC949B

カラー値

フォーマット #5278DB #DBB552
HEX #5278DB #DBB552
RGB 82, 120, 219 219, 181, 82
HSL 223.4, 65.6%, 59.0% 43.4, 65.6%, 59.0%
HSV 223.4, 62.6%, 85.9% 43.4, 62.6%, 85.9%
CMYK 62.6%, 45.2%, 0.0%, 14.1% 0.0%, 17.4%, 62.6%, 14.1%
OKLCH 0.5942 0.1568 266.0 0.7879 0.1248 88.2

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

2.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DBB552 → 背景色: #5278DB

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

テキスト: #5278DB → 背景色: #DBB552

色差 (Delta E)

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

グラデーション

#5278DB #7B81C6 #978AB1 #AC949B #BE9F85 #CDAA6D #DBB552

カラーミキシング

#5278DB

100%

#8A86BB

75:25

#AC949B

50:50

#C6A479

25:75

#DBB552

100%

CSSグラデーションコード

background: linear-gradient(to right, #5278DB, #DBB552);
background: linear-gradient(135deg, #5278DB, #DBB552);

各色を詳しく見る

#5278DB

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

#DBB552

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

関連する比較