#0C3655

#0C3655

#552B0C

#552B0C

コントラスト比

1.04:1

Delta E

53.4

Very Different

50:50 ミックス

#413132

カラー値

フォーマット #0C3655 #552B0C
HEX #0C3655 #552B0C
RGB 12, 54, 85 85, 43, 12
HSL 205.5, 75.3%, 19.0% 25.5, 75.3%, 19.0%
HSV 205.5, 85.9%, 33.3% 25.5, 85.9%, 33.3%
CMYK 85.9%, 36.5%, 0.0%, 66.7% 0.0%, 49.4%, 85.9%, 66.7%
OKLCH 0.3218 0.0712 245.4 0.339 0.0749 52.9

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

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #552B0C → 背景色: #0C3655

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

テキスト: #0C3655 → 背景色: #552B0C

色差 (Delta E)

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

グラデーション

#0C3655 #293449 #37323D #413132 #492F26 #4F2D1A #552B0C

カラーミキシング

#0C3655

100%

#313343

75:25

#413132

50:50

#4C2E20

25:75

#552B0C

100%

CSSグラデーションコード

background: linear-gradient(to right, #0C3655, #552B0C);
background: linear-gradient(135deg, #0C3655, #552B0C);

各色を詳しく見る

#0C3655

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

#552B0C

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

関連する比較