#6385DF
#6385DF
#DFBD63
#DFBD63
カラー値
| フォーマット | #6385DF | #DFBD63 |
|---|---|---|
| HEX | #6385DF | #DFBD63 |
| RGB | 99, 133, 223 | 223, 189, 99 |
| HSL | 223.5, 66.0%, 63.1% | 43.5, 66.0%, 63.1% |
| HSV | 223.5, 55.6%, 87.5% | 43.5, 55.6%, 87.5% |
| CMYK | 55.6%, 40.4%, 0.0%, 12.5% | 0.0%, 15.2%, 55.6%, 12.5% |
| OKLCH | 0.6328 0.141 266.8 | 0.8098 0.1161 89.0 |
コントラストとアクセシビリティ
1.95:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #DFBD63 → 背景色: #6385DF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #6385DF → 背景色: #DFBD63
色差 (Delta E)
102.01
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #6385DF, #DFBD63);
background: linear-gradient(135deg, #6385DF, #DFBD63);