#2B554B

#2B554B

#552B35

#552B35

コントラスト比

1.4:1

Delta E

39.33

Very Different

50:50 ミックス

#464240

カラー値

フォーマット #2B554B #552B35
HEX #2B554B #552B35
RGB 43, 85, 75 85, 43, 53
HSL 165.7, 32.8%, 25.1% 345.7, 32.8%, 25.1%
HSV 165.7, 49.4%, 33.3% 345.7, 49.4%, 33.3%
CMYK 49.4%, 0.0%, 11.8%, 66.7% 0.0%, 49.4%, 37.6%, 66.7%
OKLCH 0.4157 0.0504 176.4 0.3476 0.063 5.7

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

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #552B35 → 背景色: #2B554B

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

テキスト: #2B554B → 背景色: #552B35

色差 (Delta E)

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

グラデーション

#2B554B #374F47 #3F4843 #464240 #4C3B3C #513339 #552B35

カラーミキシング

#2B554B

100%

#3B4C45

75:25

#464240

50:50

#4F373A

25:75

#552B35

100%

CSSグラデーションコード

background: linear-gradient(to right, #2B554B, #552B35);
background: linear-gradient(135deg, #2B554B, #552B35);

各色を詳しく見る

#2B554B

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

#552B35

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

関連する比較