#5AF593

#5AF593

#F55ABC

#F55ABC

コントラスト比

2.11:1

Delta E

144.16

Very Different

50:50 ミックス

#C3B4AA

カラー値

フォーマット #5AF593 #F55ABC
HEX #5AF593 #F55ABC
RGB 90, 245, 147 245, 90, 188
HSL 142.1, 88.6%, 65.7% 322.1, 88.6%, 65.7%
HSV 142.1, 63.3%, 96.1% 322.1, 63.3%, 96.1%
CMYK 63.3%, 0.0%, 40.0%, 3.9% 0.0%, 63.3%, 23.3%, 3.9%
OKLCH 0.865 0.1888 152.2 0.7002 0.2139 345.1

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

2.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F55ABC → 背景色: #5AF593

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

テキスト: #5AF593 → 背景色: #F55ABC

色差 (Delta E)

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

グラデーション

#5AF593 #8BE19B #ABCBA3 #C3B4AA #D79BB0 #E77FB6 #F55ABC

カラーミキシング

#5AF593

100%

#9CD69F

75:25

#C3B4AA

50:50

#DF8EB3

25:75

#F55ABC

100%

CSSグラデーションコード

background: linear-gradient(to right, #5AF593, #F55ABC);
background: linear-gradient(135deg, #5AF593, #F55ABC);

各色を詳しく見る

#5AF593

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

#F55ABC

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

関連する比較