#486ACB

#486ACB

#CBA948

#CBA948

コントラスト比

2.22:1

Delta E

111.25

Very Different

50:50 ミックス

#9F878E

カラー値

フォーマット #486ACB #CBA948
HEX #486ACB #CBA948
RGB 72, 106, 203 203, 169, 72
HSL 224.4, 55.7%, 53.9% 44.4, 55.7%, 53.9%
HSV 224.4, 64.5%, 79.6% 44.4, 64.5%, 79.6%
CMYK 64.5%, 47.8%, 0.0%, 20.4% 0.0%, 16.7%, 64.5%, 20.4%
OKLCH 0.5496 0.1551 266.8 0.7468 0.1214 89.7

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

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CBA948 → 背景色: #486ACB

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

テキスト: #486ACB → 背景色: #CBA948

色差 (Delta E)

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

グラデーション

#486ACB #7173B7 #8B7DA3 #9F878E #B09279 #BE9D62 #CBA948

カラーミキシング

#486ACB

100%

#7F78AD

75:25

#9F878E

50:50

#B7986E

25:75

#CBA948

100%

CSSグラデーションコード

background: linear-gradient(to right, #486ACB, #CBA948);
background: linear-gradient(135deg, #486ACB, #CBA948);

各色を詳しく見る

#486ACB

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

#CBA948

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

関連する比較