#6AF581

#6AF581

#F56ADE

#F56ADE

コントラスト比

1.87:1

Delta E

151.78

Very Different

50:50 ミックス

#C6BAB3

カラー値

フォーマット #6AF581 #F56ADE
HEX #6AF581 #F56ADE
RGB 106, 245, 129 245, 106, 222
HSL 129.9, 87.4%, 68.8% 309.9, 87.4%, 68.8%
HSV 129.9, 56.7%, 96.1% 309.9, 56.7%, 96.1%
CMYK 56.7%, 0.0%, 47.3%, 3.9% 0.0%, 56.7%, 9.4%, 3.9%
OKLCH 0.8669 0.1982 146.9 0.7324 0.2143 334.4

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

1.87:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F56ADE → 背景色: #6AF581

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

テキスト: #6AF581 → 背景色: #F56ADE

色差 (Delta E)

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

グラデーション

#6AF581 #93E393 #AFCFA3 #C6BAB3 #D8A4C2 #E88AD0 #F56ADE

カラーミキシング

#6AF581

100%

#A2D99B

75:25

#C6BAB3

50:50

#E097C9

25:75

#F56ADE

100%

CSSグラデーションコード

background: linear-gradient(to right, #6AF581, #F56ADE);
background: linear-gradient(135deg, #6AF581, #F56ADE);

各色を詳しく見る

#6AF581

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

#F56ADE

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

関連する比較