#62B2FC
#62B2FC
#FCAC62
#FCAC62
カラー値
| フォーマット | #62B2FC | #FCAC62 |
|---|---|---|
| HEX | #62B2FC | #FCAC62 |
| RGB | 98, 178, 252 | 252, 172, 98 |
| HSL | 208.8, 96.3%, 68.6% | 28.8, 96.3%, 68.6% |
| HSV | 208.8, 61.1%, 98.8% | 28.8, 61.1%, 98.8% |
| CMYK | 61.1%, 29.4%, 0.0%, 1.2% | 0.0%, 31.7%, 61.1%, 1.2% |
| OKLCH | 0.7437 0.1335 248.4 | 0.8076 0.1303 62.0 |
コントラストとアクセシビリティ
1.21:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FCAC62 → 背景色: #62B2FC
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #62B2FC → 背景色: #FCAC62
色差 (Delta E)
96.8
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #62B2FC, #FCAC62);
background: linear-gradient(135deg, #62B2FC, #FCAC62);