#98DF54

#98DF54

#9B54DF

#9B54DF

コントラスト比

2.75:1

Delta E

158.27

Very Different

50:50 ミックス

#AA9DA1

カラー値

フォーマット #98DF54 #9B54DF
HEX #98DF54 #9B54DF
RGB 152, 223, 84 155, 84, 223
HSL 90.6, 68.5%, 60.2% 270.6, 68.5%, 60.2%
HSV 90.6, 62.3%, 87.5% 270.6, 62.3%, 87.5%
CMYK 31.8%, 0.0%, 62.3%, 12.5% 30.5%, 62.3%, 0.0%, 12.5%
OKLCH 0.8288 0.1849 132.2 0.5949 0.2054 304.4

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

2.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #9B54DF → 背景色: #98DF54

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

テキスト: #98DF54 → 背景色: #9B54DF

色差 (Delta E)

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

グラデーション

#98DF54 #A2C972 #A8B48B #AA9DA1 #A987B6 #A46FCB #9B54DF

カラーミキシング

#98DF54

100%

#A6BF7F

75:25

#AA9DA1

50:50

#A77BC1

25:75

#9B54DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #98DF54, #9B54DF);
background: linear-gradient(135deg, #98DF54, #9B54DF);

各色を詳しく見る

#98DF54

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

#9B54DF

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

関連する比較