#4BDFB9

#4BDFB9

#DF4B71

#DF4B71

コントラスト比

2.33:1

Delta E

111.32

Very Different

50:50 ミックス

#B5A094

カラー値

フォーマット #4BDFB9 #DF4B71
HEX #4BDFB9 #DF4B71
RGB 75, 223, 185 223, 75, 113
HSL 164.6, 69.8%, 58.4% 344.6, 69.8%, 58.4%
HSV 164.6, 66.4%, 87.5% 344.6, 66.4%, 87.5%
CMYK 66.4%, 0.0%, 17.0%, 12.5% 0.0%, 66.4%, 49.3%, 12.5%
OKLCH 0.8157 0.1363 172.2 0.6266 0.1847 8.8

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

2.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF4B71 → 背景色: #4BDFB9

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

テキスト: #4BDFB9 → 背景色: #DF4B71

色差 (Delta E)

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

グラデーション

#4BDFB9 #80CBAC #9FB6A0 #B5A094 #C78888 #D46D7C #DF4B71

カラーミキシング

#4BDFB9

100%

#91C0A6

75:25

#B5A094

50:50

#CE7B82

25:75

#DF4B71

100%

CSSグラデーションコード

background: linear-gradient(to right, #4BDFB9, #DF4B71);
background: linear-gradient(135deg, #4BDFB9, #DF4B71);

各色を詳しく見る

#4BDFB9

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

#DF4B71

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

関連する比較