#1017AA

#1017AA

#AAA310

#AAA310

コントラスト比

4.61:1

Delta E

160.72

Very Different

50:50 ミックス

#855C70

カラー値

フォーマット #1017AA #AAA310
HEX #1017AA #AAA310
RGB 16, 23, 170 170, 163, 16
HSL 237.3, 82.8%, 36.5% 57.3, 82.8%, 36.5%
HSV 237.3, 90.6%, 66.7% 57.3, 90.6%, 66.7%
CMYK 90.6%, 86.5%, 0.0%, 33.3% 0.0%, 4.1%, 90.6%, 33.3%
OKLCH 0.3534 0.2175 266.6 0.6991 0.1463 106.5

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

4.61:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

テキスト読みやすさ

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

テキスト: #AAA310 → 背景色: #1017AA

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

テキスト: #1017AA → 背景色: #AAA310

色差 (Delta E)

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

グラデーション

#1017AA #532E97 #704584 #855C70 #94745A #A08B3F #AAA310

カラーミキシング

#1017AA

100%

#643A8E

75:25

#855C70

50:50

#9B7F4E

25:75

#AAA310

100%

CSSグラデーションコード

background: linear-gradient(to right, #1017AA, #AAA310);
background: linear-gradient(135deg, #1017AA, #AAA310);

各色を詳しく見る

#1017AA

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

#AAA310

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

関連する比較