#899FCB
#899FCB
#CBB589
#CBB589
カラー値
| フォーマット | #899FCB | #CBB589 |
|---|---|---|
| HEX | #899FCB | #CBB589 |
| RGB | 137, 159, 203 | 203, 181, 137 |
| HSL | 220.0, 38.8%, 66.7% | 40.0, 38.8%, 66.7% |
| HSV | 220.0, 32.5%, 79.6% | 40.0, 32.5%, 79.6% |
| CMYK | 32.5%, 21.7%, 0.0%, 20.4% | 0.0%, 10.8%, 32.5%, 20.4% |
| OKLCH | 0.7017 0.0695 264.0 | 0.7811 0.064 84.4 |
コントラストとアクセシビリティ
1.33:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CBB589 → 背景色: #899FCB
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #899FCB → 背景色: #CBB589
色差 (Delta E)
51.24
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #899FCB, #CBB589);
background: linear-gradient(135deg, #899FCB, #CBB589);