#394656

#394656

#564939

#564939

コントラスト比

1.1:1

Delta E

23.27

Noticeable

50:50 ミックス

#4A4748

カラー値

フォーマット #394656 #564939
HEX #394656 #564939
RGB 57, 70, 86 86, 73, 57
HSL 213.1, 20.3%, 28.0% 33.1, 20.3%, 28.0%
HSV 213.1, 33.7%, 33.7% 33.1, 33.7%, 33.7%
CMYK 33.7%, 18.6%, 0.0%, 66.3% 0.0%, 15.1%, 33.7%, 66.3%
OKLCH 0.3893 0.0321 253.8 0.4139 0.0309 72.6

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

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #564939 → 背景色: #394656

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

テキスト: #394656 → 背景色: #564939

色差 (Delta E)

23.27 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#394656 #3F4651 #45474C #4A4748 #4E4843 #52483E #564939

カラーミキシング

#394656

100%

#42474F

75:25

#4A4748

50:50

#504840

25:75

#564939

100%

CSSグラデーションコード

background: linear-gradient(to right, #394656, #564939);
background: linear-gradient(135deg, #394656, #564939);

各色を詳しく見る

#394656

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

#564939

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

関連する比較