#675EB6

#675EB6

#ADB65E

#ADB65E

コントラスト比

2.5:1

Delta E

102.15

Very Different

50:50 ミックス

#94898E

カラー値

フォーマット #675EB6 #ADB65E
HEX #675EB6 #ADB65E
RGB 103, 94, 182 173, 182, 94
HSL 246.1, 37.6%, 54.1% 66.1, 37.6%, 54.1%
HSV 246.1, 48.4%, 71.4% 66.1, 48.4%, 71.4%
CMYK 43.4%, 48.4%, 0.0%, 28.6% 4.9%, 0.0%, 48.4%, 28.6%
OKLCH 0.5329 0.1342 285.6 0.75 0.113 114.0

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

2.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ADB65E → 背景色: #675EB6

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

テキスト: #675EB6 → 背景色: #ADB65E

色差 (Delta E)

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

グラデーション

#675EB6 #796CA9 #887A9C #94898E #9E987F #A6A770 #ADB65E

カラーミキシング

#675EB6

100%

#8173A2

75:25

#94898E

50:50

#A29F78

25:75

#ADB65E

100%

CSSグラデーションコード

background: linear-gradient(to right, #675EB6, #ADB65E);
background: linear-gradient(135deg, #675EB6, #ADB65E);

各色を詳しく見る

#675EB6

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

#ADB65E

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

関連する比較