#9CF45D

#9CF45D

#B55DF4

#B55DF4

コントラスト比

2.66:1

Delta E

170.47

Very Different

50:50 ミックス

#BBAEB1

カラー値

フォーマット #9CF45D #B55DF4
HEX #9CF45D #B55DF4
RGB 156, 244, 93 181, 93, 244
HSL 95.0, 87.3%, 66.1% 275.0, 87.3%, 66.1%
HSV 95.0, 61.9%, 95.7% 275.0, 61.9%, 95.7%
CMYK 36.1%, 0.0%, 61.9%, 4.3% 25.8%, 61.9%, 0.0%, 4.3%
OKLCH 0.8813 0.2029 134.4 0.6494 0.2222 308.2

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

2.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B55DF4 → 背景色: #9CF45D

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

テキスト: #9CF45D → 背景色: #B55DF4

色差 (Delta E)

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

グラデーション

#9CF45D #ABDD7D #B5C698 #BBAEB1 #BD95C8 #BB7BDE #B55DF4

カラーミキシング

#9CF45D

100%

#B1D28B

75:25

#BBAEB1

50:50

#BC88D3

25:75

#B55DF4

100%

CSSグラデーションコード

background: linear-gradient(to right, #9CF45D, #B55DF4);
background: linear-gradient(135deg, #9CF45D, #B55DF4);

各色を詳しく見る

#9CF45D

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

#B55DF4

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

関連する比較