#3CE7FD
#3CE7FD
#FD523C
#FD523C
カラー値
| フォーマット | #3CE7FD | #FD523C |
|---|---|---|
| HEX | #3CE7FD | #FD523C |
| RGB | 60, 231, 253 | 253, 82, 60 |
| HSL | 186.8, 98.0%, 61.4% | 6.8, 98.0%, 61.4% |
| HSV | 186.8, 76.3%, 99.2% | 6.8, 76.3%, 99.2% |
| CMYK | 76.3%, 8.7%, 0.0%, 0.8% | 0.0%, 67.6%, 76.3%, 0.8% |
| OKLCH | 0.8536 0.1353 208.1 | 0.6727 0.2107 30.6 |
コントラストとアクセシビリティ
2.18:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #FD523C → 背景色: #3CE7FD
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #3CE7FD → 背景色: #FD523C
色差 (Delta E)
124.49
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #3CE7FD, #FD523C);
background: linear-gradient(135deg, #3CE7FD, #FD523C);