#5AF997

#5AF997

#F95ABC

#F95ABC

コントラスト比

2.14:1

Delta E

145.45

Very Different

50:50 ミックス

#C6B7AC

カラー値

フォーマット #5AF997 #F95ABC
HEX #5AF997 #F95ABC
RGB 90, 249, 151 249, 90, 188
HSL 143.0, 93.0%, 66.5% 323.0, 93.0%, 66.5%
HSV 143.0, 63.9%, 97.6% 323.0, 63.9%, 97.6%
CMYK 63.9%, 0.0%, 39.4%, 2.4% 0.0%, 63.9%, 24.5%, 2.4%
OKLCH 0.8755 0.1904 152.7 0.706 0.2168 346.1

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

2.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F95ABC → 背景色: #5AF997

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

テキスト: #5AF997 → 背景色: #F95ABC

色差 (Delta E)

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

グラデーション

#5AF997 #8DE49E #AECEA5 #C6B7AC #DA9DB1 #EB80B7 #F95ABC

カラーミキシング

#5AF997

100%

#9FD9A2

75:25

#C6B7AC

50:50

#E38FB4

25:75

#F95ABC

100%

CSSグラデーションコード

background: linear-gradient(to right, #5AF997, #F95ABC);
background: linear-gradient(135deg, #5AF997, #F95ABC);

各色を詳しく見る

#5AF997

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

#F95ABC

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

関連する比較