#66CCFD
#66CCFD
#FD9766
#FD9766
カラー値
| フォーマット | #66CCFD | #FD9766 |
|---|---|---|
| HEX | #66CCFD | #FD9766 |
| RGB | 102, 204, 253 | 253, 151, 102 |
| HSL | 199.5, 97.4%, 69.6% | 19.5, 97.4%, 69.6% |
| HSV | 199.5, 59.7%, 99.2% | 19.5, 59.7%, 99.2% |
| CMYK | 59.7%, 19.4%, 0.0%, 0.8% | 0.0%, 40.3%, 59.7%, 0.8% |
| OKLCH | 0.8031 0.1175 231.6 | 0.7731 0.1386 45.7 |
コントラストとアクセシビリティ
1.19:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FD9766 → 背景色: #66CCFD
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #66CCFD → 背景色: #FD9766
色差 (Delta E)
89.99
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #66CCFD, #FD9766);
background: linear-gradient(135deg, #66CCFD, #FD9766);