#A7E46F

#A7E46F

#AC6FE4

#AC6FE4

コントラスト比

2.27:1

Delta E

134.46

Very Different

50:50 ミックス

#B5ACAE

カラー値

フォーマット #A7E46F #AC6FE4
HEX #A7E46F #AC6FE4
RGB 167, 228, 111 172, 111, 228
HSL 91.3, 68.4%, 66.5% 271.3, 68.4%, 66.5%
HSV 91.3, 51.3%, 89.4% 271.3, 51.3%, 89.4%
CMYK 26.8%, 0.0%, 51.3%, 10.6% 24.6%, 51.3%, 0.0%, 10.6%
OKLCH 0.8523 0.1612 131.8 0.6553 0.1757 306.2

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

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

テキスト読みやすさ

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

テキスト: #AC6FE4 → 背景色: #A7E46F

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

テキスト: #A7E46F → 背景色: #AC6FE4

色差 (Delta E)

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

グラデーション

#A7E46F #AED286 #B3BF9B #B5ACAE #B498C1 #B284D2 #AC6FE4

カラーミキシング

#A7E46F

100%

#B1C891

75:25

#B5ACAE

50:50

#B38ECA

25:75

#AC6FE4

100%

CSSグラデーションコード

background: linear-gradient(to right, #A7E46F, #AC6FE4);
background: linear-gradient(135deg, #A7E46F, #AC6FE4);

各色を詳しく見る

#A7E46F

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

#AC6FE4

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

関連する比較