#5DDF75

#5DDF75

#DF5DC7

#DF5DC7

コントラスト比

1.88:1

Delta E

142.13

Very Different

50:50 ミックス

#B3A8A1

カラー値

フォーマット #5DDF75 #DF5DC7
HEX #5DDF75 #DF5DC7
RGB 93, 223, 117 223, 93, 199
HSL 131.1, 67.0%, 62.0% 311.1, 67.0%, 62.0%
HSV 131.1, 58.3%, 87.5% 311.1, 58.3%, 87.5%
CMYK 58.3%, 0.0%, 47.5%, 12.5% 0.0%, 58.3%, 10.8%, 12.5%
OKLCH 0.8066 0.1857 147.2 0.6776 0.2015 335.4

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

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF5DC7 → 背景色: #5DDF75

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

テキスト: #5DDF75 → 背景色: #DF5DC7

色差 (Delta E)

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

グラデーション

#5DDF75 #84CE85 #9FBC93 #B3A8A1 #C493AE #D37BBB #DF5DC7

カラーミキシング

#5DDF75

100%

#92C58C

75:25

#B3A8A1

50:50

#CC88B4

25:75

#DF5DC7

100%

CSSグラデーションコード

background: linear-gradient(to right, #5DDF75, #DF5DC7);
background: linear-gradient(135deg, #5DDF75, #DF5DC7);

各色を詳しく見る

#5DDF75

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

#DF5DC7

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

関連する比較