#5F6AAC

#5F6AAC

#ACA15F

#ACA15F

コントラスト比

1.93:1

Delta E

77.26

Very Different

50:50 ミックス

#8E8488

カラー値

フォーマット #5F6AAC #ACA15F
HEX #5F6AAC #ACA15F
RGB 95, 106, 172 172, 161, 95
HSL 231.4, 31.7%, 52.4% 51.4, 31.7%, 52.4%
HSV 231.4, 44.8%, 67.5% 51.4, 44.8%, 67.5%
CMYK 44.8%, 38.4%, 0.0%, 32.5% 0.0%, 6.4%, 44.8%, 32.5%
OKLCH 0.5447 0.1037 275.2 0.7034 0.0876 100.0

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

1.93:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ACA15F → 背景色: #5F6AAC

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

テキスト: #5F6AAC → 背景色: #ACA15F

色差 (Delta E)

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

グラデーション

#5F6AAC #7273A0 #817B94 #8E8488 #998E7B #A3976D #ACA15F

カラーミキシング

#5F6AAC

100%

#7A779A

75:25

#8E8488

50:50

#9E9374

25:75

#ACA15F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5F6AAC, #ACA15F);
background: linear-gradient(135deg, #5F6AAC, #ACA15F);

各色を詳しく見る

#5F6AAC

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

#ACA15F

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

関連する比較