#373D55

#373D55

#554F37

#554F37

コントラスト比

1.31:1

Delta E

31.78

Very Different

50:50 ミックス

#484646

カラー値

フォーマット #373D55 #554F37
HEX #373D55 #554F37
RGB 55, 61, 85 85, 79, 55
HSL 228.0, 21.4%, 27.5% 48.0, 21.4%, 27.5%
HSV 228.0, 35.3%, 33.3% 48.0, 35.3%, 33.3%
CMYK 35.3%, 28.2%, 0.0%, 66.7% 0.0%, 7.1%, 35.3%, 66.7%
OKLCH 0.365 0.0423 273.3 0.4267 0.0379 95.8

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

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #554F37 → 背景色: #373D55

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

テキスト: #373D55 → 背景色: #554F37

色差 (Delta E)

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

グラデーション

#373D55 #3D4050 #43434B #484646 #4D4941 #514C3C #554F37

カラーミキシング

#373D55

100%

#40414E

75:25

#484646

50:50

#4F4A3F

25:75

#554F37

100%

CSSグラデーションコード

background: linear-gradient(to right, #373D55, #554F37);
background: linear-gradient(135deg, #373D55, #554F37);

各色を詳しく見る

#373D55

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

#554F37

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

関連する比較