#395C58

#395C58

#5C393D

#5C393D

コントラスト比

1.35:1

Delta E

31.43

Very Different

50:50 ミックス

#4F4B4A

カラー値

フォーマット #395C58 #5C393D
HEX #395C58 #5C393D
RGB 57, 92, 88 92, 57, 61
HSL 173.1, 23.5%, 29.2% 353.1, 23.5%, 29.2%
HSV 173.1, 38.0%, 36.1% 353.1, 38.0%, 36.1%
CMYK 38.0%, 0.0%, 4.3%, 63.9% 0.0%, 38.0%, 33.7%, 63.9%
OKLCH 0.4468 0.0411 186.7 0.3874 0.0501 12.2

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

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #5C393D → 背景色: #395C58

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

テキスト: #395C58 → 背景色: #5C393D

色差 (Delta E)

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

グラデーション

#395C58 #425753 #49514F #4F4B4A #544546 #583F41 #5C393D

カラーミキシング

#395C58

100%

#465451

75:25

#4F4B4A

50:50

#564244

25:75

#5C393D

100%

CSSグラデーションコード

background: linear-gradient(to right, #395C58, #5C393D);
background: linear-gradient(135deg, #395C58, #5C393D);

各色を詳しく見る

#395C58

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

#5C393D

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

関連する比較