#070DCC
#070DCC
#CCC607
#CCC607
カラー値
| フォーマット | #070DCC | #CCC607 |
|---|---|---|
| HEX | #070DCC | #CCC607 |
| RGB | 7, 13, 204 | 204, 198, 7 |
| HSL | 238.2, 93.4%, 41.4% | 58.2, 93.4%, 41.4% |
| HSV | 238.2, 96.6%, 80.0% | 58.2, 96.6%, 80.0% |
| CMYK | 96.6%, 93.6%, 0.0%, 20.0% | 0.0%, 2.9%, 96.6%, 20.0% |
| OKLCH | 0.3893 0.2597 264.9 | 0.8053 0.1721 107.5 |
コントラストとアクセシビリティ
6.01:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CCC607 → 背景色: #070DCC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #070DCC → 背景色: #CCC607
色差 (Delta E)
192.54
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #070DCC, #CCC607);
background: linear-gradient(135deg, #070DCC, #CCC607);