#5D88DB
#5D88DB
#DBB05D
#DBB05D
カラー値
| フォーマット | #5D88DB | #DBB05D |
|---|---|---|
| HEX | #5D88DB | #DBB05D |
| RGB | 93, 136, 219 | 219, 176, 93 |
| HSL | 219.5, 63.6%, 61.2% | 39.5, 63.6%, 61.2% |
| HSV | 219.5, 57.5%, 85.9% | 39.5, 57.5%, 85.9% |
| CMYK | 57.5%, 37.9%, 0.0%, 14.1% | 0.0%, 19.6%, 57.5%, 14.1% |
| OKLCH | 0.6335 0.1342 262.5 | 0.7793 0.1131 82.2 |
コントラストとアクセシビリティ
1.73:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #DBB05D → 背景色: #5D88DB
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #5D88DB → 背景色: #DBB05D
色差 (Delta E)
96.32
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #5D88DB, #DBB05D);
background: linear-gradient(135deg, #5D88DB, #DBB05D);