#34ACCD
#34ACCD
#CD5534
#CD5534
カラー値
| フォーマット | #34ACCD | #CD5534 |
|---|---|---|
| HEX | #34ACCD | #CD5534 |
| RGB | 52, 172, 205 | 205, 85, 52 |
| HSL | 192.9, 60.5%, 50.4% | 12.9, 60.5%, 50.4% |
| HSV | 192.9, 74.6%, 80.4% | 12.9, 74.6%, 80.4% |
| CMYK | 74.6%, 16.1%, 0.0%, 19.6% | 0.0%, 58.5%, 74.6%, 19.6% |
| OKLCH | 0.6935 0.1126 220.6 | 0.5994 0.16 36.2 |
コントラストとアクセシビリティ
1.6:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
テキスト読みやすさ
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #CD5534 → 背景色: #34ACCD
いろはにほへとちりぬるをわかよたれそつねならむ
テキスト: #34ACCD → 背景色: #CD5534
色差 (Delta E)
97.19
Very Different
0 — 同一
5 — 類似
25 — 目立つ差異
100 — 大きく異なる
グラデーション
カラーミキシング
CSSグラデーションコード
background: linear-gradient(to right, #34ACCD, #CD5534);
background: linear-gradient(135deg, #34ACCD, #CD5534);