#663CAC

#663CAC

#82AC3C

#82AC3C

コントラスト比

2.82:1

Delta E

131.89

Very Different

50:50 ミックス

#82767B

カラー値

フォーマット #663CAC #82AC3C
HEX #663CAC #82AC3C
RGB 102, 60, 172 130, 172, 60
HSL 262.5, 48.3%, 45.5% 82.5, 48.3%, 45.5%
HSV 262.5, 65.1%, 67.5% 82.5, 65.1%, 67.5%
CMYK 40.7%, 65.1%, 0.0%, 32.5% 24.4%, 0.0%, 65.1%, 32.5%
OKLCH 0.4674 0.1704 296.4 0.6911 0.1476 127.4

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

2.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #82AC3C → 背景色: #663CAC

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

テキスト: #663CAC → 背景色: #82AC3C

色差 (Delta E)

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

グラデーション

#663CAC #73509C #7C638C #82767B #858869 #859A55 #82AC3C

カラーミキシング

#663CAC

100%

#785A94

75:25

#82767B

50:50

#85915F

25:75

#82AC3C

100%

CSSグラデーションコード

background: linear-gradient(to right, #663CAC, #82AC3C);
background: linear-gradient(135deg, #663CAC, #82AC3C);

各色を詳しく見る

#663CAC

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

#82AC3C

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

関連する比較