#21707F

#21707F

#7F3021

#7F3021

コントラスト比

1.57:1

Delta E

67.47

Very Different

50:50 ミックス

#67534F

カラー値

フォーマット #21707F #7F3021
HEX #21707F #7F3021
RGB 33, 112, 127 127, 48, 33
HSL 189.6, 58.8%, 31.4% 9.6, 58.8%, 31.4%
HSV 189.6, 74.0%, 49.8% 9.6, 74.0%, 49.8%
CMYK 74.0%, 11.8%, 0.0%, 50.2% 0.0%, 62.2%, 74.0%, 50.2%
OKLCH 0.5051 0.0772 213.1 0.4195 0.1131 32.7

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

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #7F3021 → 背景色: #21707F

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

テキスト: #21707F → 背景色: #7F3021

色差 (Delta E)

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

グラデーション

#21707F #46676F #5A5D5E #67534F #71493F #793D30 #7F3021

カラーミキシング

#21707F

100%

#516266

75:25

#67534F

50:50

#764338

25:75

#7F3021

100%

CSSグラデーションコード

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

各色を詳しく見る

#21707F

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

#7F3021

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

関連する比較