#2B3E68

#2B3E68

#68552B

#68552B

コントラスト比

1.47:1

Delta E

55.27

Very Different

50:50 ミックス

#52494B

カラー値

フォーマット #2B3E68 #68552B
HEX #2B3E68 #68552B
RGB 43, 62, 104 104, 85, 43
HSL 221.3, 41.5%, 28.8% 41.3, 41.5%, 28.8%
HSV 221.3, 58.7%, 40.8% 41.3, 58.7%, 40.8%
CMYK 58.7%, 40.4%, 0.0%, 59.2% 0.0%, 18.3%, 58.7%, 59.2%
OKLCH 0.3695 0.0766 264.5 0.4589 0.0643 85.4

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

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #68552B → 背景色: #2B3E68

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

テキスト: #2B3E68 → 背景色: #68552B

色差 (Delta E)

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

グラデーション

#2B3E68 #3C415E #484555 #52494B #5A4D41 #615136 #68552B

カラーミキシング

#2B3E68

100%

#42435A

75:25

#52494B

50:50

#5E4F3C

25:75

#68552B

100%

CSSグラデーションコード

background: linear-gradient(to right, #2B3E68, #68552B);
background: linear-gradient(135deg, #2B3E68, #68552B);

各色を詳しく見る

#2B3E68

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

#68552B

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

関連する比較