#216C82

#216C82

#823721

#823721

コントラスト比

1.4:1

Delta E

66.82

Very Different

50:50 ミックス

#695451

カラー値

フォーマット #216C82 #823721
HEX #216C82 #823721
RGB 33, 108, 130 130, 55, 33
HSL 193.6, 59.5%, 32.0% 13.6, 59.5%, 32.0%
HSV 193.6, 74.6%, 51.0% 13.6, 74.6%, 51.0%
CMYK 74.6%, 16.9%, 0.0%, 49.0% 0.0%, 57.7%, 74.6%, 49.0%
OKLCH 0.4961 0.079 221.6 0.435 0.1094 37.0

コントラストとアクセシビリティ

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #823721 → 背景色: #216C82

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #216C82 → 背景色: #823721

色差 (Delta E)

66.82 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#216C82 #476471 #5B5C61 #695451 #734B41 #7B4231 #823721

カラーミキシング

#216C82

100%

#526069

75:25

#695451

50:50

#784739

25:75

#823721

100%

CSSグラデーションコード

background: linear-gradient(to right, #216C82, #823721);
background: linear-gradient(135deg, #216C82, #823721);

各色を詳しく見る

#216C82

カラーの詳細をすべて見る

#823721

カラーの詳細をすべて見る

関連する比較