#285255

#285255

#552B28

#552B28

コントラスト比

1.38:1

Delta E

37.88

Very Different

50:50 ミックス

#47403E

カラー値

フォーマット #285255 #552B28
HEX #285255 #552B28
RGB 40, 82, 85 85, 43, 40
HSL 184.0, 36.0%, 24.5% 4.0, 36.0%, 24.5%
HSV 184.0, 52.9%, 33.3% 4.0, 52.9%, 33.3%
CMYK 52.9%, 3.5%, 0.0%, 66.7% 0.0%, 49.4%, 52.9%, 66.7%
OKLCH 0.4097 0.0471 201.6 0.3438 0.0627 25.1

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

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #552B28 → 背景色: #285255

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

テキスト: #285255 → 背景色: #552B28

色差 (Delta E)

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

グラデーション

#285255 #364C4D #3F4645 #47403E #4D3936 #51322F #552B28

カラーミキシング

#285255

100%

#3B4949

75:25

#47403E

50:50

#4F3633

25:75

#552B28

100%

CSSグラデーションコード

background: linear-gradient(to right, #285255, #552B28);
background: linear-gradient(135deg, #285255, #552B28);

各色を詳しく見る

#285255

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

#552B28

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

関連する比較