#16637F

#16637F

#7F3216

#7F3216

コントラスト比

1.32:1

Delta E

71.06

Very Different

50:50 ミックス

#654D4A

カラー値

フォーマット #16637F #7F3216
HEX #16637F #7F3216
RGB 22, 99, 127 127, 50, 22
HSL 196.0, 70.5%, 29.2% 16.0, 70.5%, 29.2%
HSV 196.0, 82.7%, 49.8% 16.0, 82.7%, 49.8%
CMYK 82.7%, 22.0%, 0.0%, 50.2% 0.0%, 60.6%, 82.7%, 50.2%
OKLCH 0.4685 0.0834 228.0 0.4212 0.1141 39.3

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

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #7F3216 → 背景色: #16637F

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

テキスト: #16637F → 背景色: #7F3216

色差 (Delta E)

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

グラデーション

#16637F #425C6D #57555B #654D4A #704539 #783C28 #7F3216

カラーミキシング

#16637F

100%

#4E5864

75:25

#654D4A

50:50

#744131

25:75

#7F3216

100%

CSSグラデーションコード

background: linear-gradient(to right, #16637F, #7F3216);
background: linear-gradient(135deg, #16637F, #7F3216);

各色を詳しく見る

#16637F

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

#7F3216

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

関連する比較