#5DF99F

#5DF99F

#F95DB7

#F95DB7

コントラスト比

2.13:1

Delta E

139.49

Very Different

50:50 ミックス

#C7B7AD

カラー値

フォーマット #5DF99F #F95DB7
HEX #5DF99F #F95DB7
RGB 93, 249, 159 249, 93, 183
HSL 145.4, 92.9%, 67.1% 325.4, 92.9%, 67.1%
HSV 145.4, 62.7%, 97.6% 325.4, 62.7%, 97.6%
CMYK 62.7%, 0.0%, 36.1%, 2.4% 0.0%, 62.7%, 26.5%, 2.4%
OKLCH 0.8778 0.1821 154.4 0.7073 0.2101 348.2

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

2.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F95DB7 → 背景色: #5DF99F

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

テキスト: #5DF99F → 背景色: #F95DB7

色差 (Delta E)

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

グラデーション

#5DF99F #8FE4A4 #AECFA8 #C7B7AD #DA9EB0 #EB81B4 #F95DB7

カラーミキシング

#5DF99F

100%

#A0DAA6

75:25

#C7B7AD

50:50

#E390B2

25:75

#F95DB7

100%

CSSグラデーションコード

background: linear-gradient(to right, #5DF99F, #F95DB7);
background: linear-gradient(135deg, #5DF99F, #F95DB7);

各色を詳しく見る

#5DF99F

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

#F95DB7

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

関連する比較