#2BDF87

#2BDF87

#DF2B83

#DF2B83

コントラスト比

2.5:1

Delta E

142.25

Very Different

50:50 ミックス

#AF9A86

カラー値

フォーマット #2BDF87 #DF2B83
HEX #2BDF87 #DF2B83
RGB 43, 223, 135 223, 43, 131
HSL 150.7, 73.8%, 52.2% 330.7, 73.8%, 52.2%
HSV 150.7, 80.7%, 87.5% 330.7, 80.7%, 87.5%
CMYK 80.7%, 0.0%, 39.5%, 12.5% 0.0%, 80.7%, 41.3%, 12.5%
OKLCH 0.7981 0.186 155.4 0.6047 0.2219 357.2

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

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

テキスト読みやすさ

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

テキスト: #DF2B83 → 背景色: #2BDF87

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

テキスト: #2BDF87 → 背景色: #DF2B83

色差 (Delta E)

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

グラデーション

#2BDF87 #73C987 #96B287 #AF9A86 #C27F85 #D25E84 #DF2B83

カラーミキシング

#2BDF87

100%

#86BE87

75:25

#AF9A86

50:50

#CB6F85

25:75

#DF2B83

100%

CSSグラデーションコード

background: linear-gradient(to right, #2BDF87, #DF2B83);
background: linear-gradient(135deg, #2BDF87, #DF2B83);

各色を詳しく見る

#2BDF87

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

#DF2B83

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

関連する比較