#2FDA86

#2FDA86

#DA2F83

#DA2F83

コントラスト比

2.44:1

Delta E

137.89

Very Different

50:50 ミックス

#AB9786

カラー値

フォーマット #2FDA86 #DA2F83
HEX #2FDA86 #DA2F83
RGB 47, 218, 134 218, 47, 131
HSL 150.5, 69.8%, 52.0% 330.5, 69.8%, 52.0%
HSV 150.5, 78.4%, 85.5% 330.5, 78.4%, 85.5%
CMYK 78.4%, 0.0%, 38.5%, 14.5% 0.0%, 78.4%, 39.9%, 14.5%
OKLCH 0.7858 0.1798 155.7 0.599 0.2149 356.4

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

2.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA2F83 → 背景色: #2FDA86

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

テキスト: #2FDA86 → 背景色: #DA2F83

色差 (Delta E)

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

グラデーション

#2FDA86 #71C586 #93AF86 #AB9786 #BE7D85 #CD5E84 #DA2F83

カラーミキシング

#2FDA86

100%

#84BA86

75:25

#AB9786

50:50

#C66F84

25:75

#DA2F83

100%

CSSグラデーションコード

background: linear-gradient(to right, #2FDA86, #DA2F83);
background: linear-gradient(135deg, #2FDA86, #DA2F83);

各色を詳しく見る

#2FDA86

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

#DA2F83

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

関連する比較