#83F7DF
#83F7DF
#F7839B
#F7839B
カラー値
| フォーマット | #83F7DF | #F7839B |
|---|---|---|
| HEX | #83F7DF | #F7839B |
| RGB | 131, 247, 223 | 247, 131, 155 |
| HSL | 167.6, 87.9%, 74.1% | 347.6, 87.9%, 74.1% |
| HSV | 167.6, 47.0%, 96.9% | 347.6, 47.0%, 96.9% |
| CMYK | 47.0%, 0.0%, 9.7%, 3.1% | 0.0%, 47.0%, 37.2%, 3.1% |
| OKLCH | 0.9011 0.112 178.5 | 0.7448 0.1429 8.0 |
コントラストとアクセシビリティ
1.88:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #F7839B → 背景色: #83F7DF
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #83F7DF → 背景色: #F7839B
色差 (Delta E)
88.21
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #83F7DF, #F7839B);
background: linear-gradient(135deg, #83F7DF, #F7839B);