#5ABC55

#5ABC55

#B755BC

#B755BC

コントラスト比

1.74:1

Delta E

131.53

Very Different

50:50 ミックス

#98908C

カラー値

フォーマット #5ABC55 #B755BC
HEX #5ABC55 #B755BC
RGB 90, 188, 85 183, 85, 188
HSL 117.1, 43.5%, 53.5% 297.1, 43.5%, 53.5%
HSV 117.1, 54.8%, 73.7% 297.1, 54.8%, 73.7%
CMYK 52.1%, 0.0%, 54.8%, 26.3% 2.7%, 54.8%, 0.0%, 26.3%
OKLCH 0.7127 0.1689 142.7 0.6093 0.1795 325.6

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

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B755BC → 背景色: #5ABC55

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

テキスト: #5ABC55 → 背景色: #B755BC

色差 (Delta E)

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

グラデーション

#5ABC55 #75AE69 #899F7B #98908C #A47F9C #AF6CAC #B755BC

カラーミキシング

#5ABC55

100%

#80A772

75:25

#98908C

50:50

#AA76A4

25:75

#B755BC

100%

CSSグラデーションコード

background: linear-gradient(to right, #5ABC55, #B755BC);
background: linear-gradient(135deg, #5ABC55, #B755BC);

各色を詳しく見る

#5ABC55

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

#B755BC

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

関連する比較