#2B3255

#2B3255

#554E2B

#554E2B

コントラスト比

1.49:1

Delta E

46.54

Very Different

50:50 ミックス

#453F41

カラー値

フォーマット #2B3255 #554E2B
HEX #2B3255 #554E2B
RGB 43, 50, 85 85, 78, 43
HSL 230.0, 32.8%, 25.1% 50.0, 32.8%, 25.1%
HSV 230.0, 49.4%, 33.3% 50.0, 49.4%, 33.3%
CMYK 49.4%, 41.2%, 0.0%, 66.7% 0.0%, 8.2%, 49.4%, 66.7%
OKLCH 0.3284 0.0627 273.9 0.4218 0.0529 98.3

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

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #554E2B → 背景色: #2B3255

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

テキスト: #2B3255 → 背景色: #554E2B

色差 (Delta E)

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

グラデーション

#2B3255 #35364E #3E3B48 #453F41 #4B443A #504933 #554E2B

カラーミキシング

#2B3255

100%

#3A394B

75:25

#453F41

50:50

#4D4737

25:75

#554E2B

100%

CSSグラデーションコード

background: linear-gradient(to right, #2B3255, #554E2B);
background: linear-gradient(135deg, #2B3255, #554E2B);

各色を詳しく見る

#2B3255

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

#554E2B

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

関連する比較