#2B553B

#2B553B

#552B45

#552B45

コントラスト比

1.36:1

Delta E

49.12

Very Different

50:50 ミックス

#454240

カラー値

フォーマット #2B553B #552B45
HEX #2B553B #552B45
RGB 43, 85, 59 85, 43, 69
HSL 142.9, 32.8%, 25.1% 322.9, 32.8%, 25.1%
HSV 142.9, 49.4%, 33.3% 322.9, 49.4%, 33.3%
CMYK 49.4%, 0.0%, 30.6%, 66.7% 0.0%, 49.4%, 18.8%, 66.7%
OKLCH 0.4109 0.0647 155.1 0.3538 0.0719 343.5

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

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #552B45 → 背景色: #2B553B

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

テキスト: #2B553B → 背景色: #552B45

色差 (Delta E)

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

グラデーション

#2B553B #364F3D #3E493F #454240 #4B3B42 #503344 #552B45

カラーミキシング

#2B553B

100%

#3A4C3E

75:25

#454240

50:50

#4E3743

25:75

#552B45

100%

CSSグラデーションコード

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

各色を詳しく見る

#2B553B

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

#552B45

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

関連する比較