#166330

#166330

#631649

#631649

コントラスト比

1.64:1

Delta E

83.22

Very Different

50:50 ミックス

#4C453E

カラー値

フォーマット #166330 #631649
HEX #166330 #631649
RGB 22, 99, 48 99, 22, 73
HSL 140.3, 63.6%, 23.7% 320.3, 63.6%, 23.7%
HSV 140.3, 77.8%, 38.8% 320.3, 77.8%, 38.8%
CMYK 77.8%, 0.0%, 51.5%, 61.2% 0.0%, 77.8%, 26.3%, 61.2%
OKLCH 0.4413 0.1095 150.0 0.3497 0.1227 344.7

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

1.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #631649 → 背景色: #166330

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

テキスト: #166330 → 背景色: #631649

色差 (Delta E)

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

グラデーション

#166330 #315935 #414F3A #4C453E #553842 #5D2A46 #631649

カラーミキシング

#166330

100%

#3A5437

75:25

#4C453E

50:50

#593244

25:75

#631649

100%

CSSグラデーションコード

background: linear-gradient(to right, #166330, #631649);
background: linear-gradient(135deg, #166330, #631649);

各色を詳しく見る

#166330

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

#631649

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

関連する比較