#486ACE

#486ACE

#CEAC48

#CEAC48

コントラスト比

2.27:1

Delta E

114.22

Very Different

50:50 ミックス

#A18990

カラー値

フォーマット #486ACE #CEAC48
HEX #486ACE #CEAC48
RGB 72, 106, 206 206, 172, 72
HSL 224.8, 57.8%, 54.5% 44.8, 57.8%, 54.5%
HSV 224.8, 65.0%, 80.8% 44.8, 65.0%, 80.8%
CMYK 65.0%, 48.5%, 0.0%, 19.2% 0.0%, 16.5%, 65.0%, 19.2%
OKLCH 0.5516 0.1593 267.0 0.7559 0.124 90.2

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

2.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CEAC48 → 背景色: #486ACE

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

テキスト: #486ACE → 背景色: #CEAC48

色差 (Delta E)

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

グラデーション

#486ACE #7274BA #8D7EA5 #A18990 #B2947A #C1A063 #CEAC48

カラーミキシング

#486ACE

100%

#8079AF

75:25

#A18990

50:50

#BA9A6F

25:75

#CEAC48

100%

CSSグラデーションコード

background: linear-gradient(to right, #486ACE, #CEAC48);
background: linear-gradient(135deg, #486ACE, #CEAC48);

各色を詳しく見る

#486ACE

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

#CEAC48

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

関連する比較