#5AFB99

#5AFB99

#FB5ABC

#FB5ABC

コントラスト比

2.15:1

Delta E

146.11

Very Different

50:50 ミックス

#C8B8AC

カラー値

フォーマット #5AFB99 #FB5ABC
HEX #5AFB99 #FB5ABC
RGB 90, 251, 153 251, 90, 188
HSL 143.5, 95.3%, 66.9% 323.5, 95.3%, 66.9%
HSV 143.5, 64.1%, 98.4% 323.5, 64.1%, 98.4%
CMYK 64.1%, 0.0%, 39.0%, 1.6% 0.0%, 64.1%, 25.1%, 1.6%
OKLCH 0.8807 0.1912 153.0 0.7088 0.2183 346.6

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

2.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FB5ABC → 背景色: #5AFB99

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

テキスト: #5AFB99 → 背景色: #FB5ABC

色差 (Delta E)

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

グラデーション

#5AFB99 #8EE6A0 #AFD0A7 #C8B8AC #DC9EB2 #ED80B7 #FB5ABC

カラーミキシング

#5AFB99

100%

#A0DBA3

75:25

#C8B8AC

50:50

#E590B5

25:75

#FB5ABC

100%

CSSグラデーションコード

background: linear-gradient(to right, #5AFB99, #FB5ABC);
background: linear-gradient(135deg, #5AFB99, #FB5ABC);

各色を詳しく見る

#5AFB99

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

#FB5ABC

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

関連する比較