#213965

#213965

#654D21

#654D21

コントラスト比

1.43:1

Delta E

59.0

Very Different

50:50 ミックス

#4E4245

カラー値

フォーマット #213965 #654D21
HEX #213965 #654D21
RGB 33, 57, 101 101, 77, 33
HSL 218.8, 50.7%, 26.3% 38.8, 50.7%, 26.3%
HSV 218.8, 67.3%, 39.6% 38.8, 67.3%, 39.6%
CMYK 67.3%, 43.6%, 0.0%, 60.4% 0.0%, 23.8%, 67.3%, 60.4%
OKLCH 0.3493 0.0827 261.5 0.4359 0.0686 80.4

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

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #654D21 → 背景色: #213965

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

テキスト: #213965 → 背景色: #654D21

色差 (Delta E)

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

グラデーション

#213965 #363C5A #433F50 #4E4245 #57463A #5E492E #654D21

カラーミキシング

#213965

100%

#3D3D55

75:25

#4E4245

50:50

#5B4734

25:75

#654D21

100%

CSSグラデーションコード

background: linear-gradient(to right, #213965, #654D21);
background: linear-gradient(135deg, #213965, #654D21);

各色を詳しく見る

#213965

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

#654D21

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

関連する比較