#042E55

#042E55

#552B04

#552B04

コントラスト比

1.14:1

Delta E

59.73

Very Different

50:50 ミックス

#402C2F

カラー値

フォーマット #042E55 #552B04
HEX #042E55 #552B04
RGB 4, 46, 85 85, 43, 4
HSL 208.9, 91.0%, 17.5% 28.9, 91.0%, 17.5%
HSV 208.9, 95.3%, 33.3% 28.9, 95.3%, 33.3%
CMYK 95.3%, 45.9%, 0.0%, 66.7% 0.0%, 49.4%, 95.3%, 66.7%
OKLCH 0.2981 0.083 251.6 0.3384 0.0784 56.8

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

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #552B04 → 背景色: #042E55

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

テキスト: #042E55 → 背景色: #552B04

色差 (Delta E)

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

グラデーション

#042E55 #262D48 #362D3C #402C2F #482C23 #4F2B16 #552B04

カラーミキシング

#042E55

100%

#2F2D42

75:25

#402C2F

50:50

#4C2C1C

25:75

#552B04

100%

CSSグラデーションコード

background: linear-gradient(to right, #042E55, #552B04);
background: linear-gradient(135deg, #042E55, #552B04);

各色を詳しく見る

#042E55

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

#552B04

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

関連する比較