#9DF379

#9DF379

#CF79F3

#CF79F3

コントラスト比

2.02:1

Delta E

142.78

Very Different

50:50 ミックス

#C3BBBA

カラー値

フォーマット #9DF379 #CF79F3
HEX #9DF379 #CF79F3
RGB 157, 243, 121 207, 121, 243
HSL 102.3, 83.6%, 71.4% 282.3, 83.6%, 71.4%
HSV 102.3, 50.2%, 95.3% 282.3, 50.2%, 95.3%
CMYK 35.4%, 0.0%, 50.2%, 4.7% 14.8%, 50.2%, 0.0%, 4.7%
OKLCH 0.8827 0.1778 137.2 0.7161 0.1892 315.1

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

2.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CF79F3 → 背景色: #9DF379

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

テキスト: #9DF379 → 背景色: #CF79F3

色差 (Delta E)

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

グラデーション

#9DF379 #AEE191 #BACEA6 #C3BBBA #C9A6CE #CD91E0 #CF79F3

カラーミキシング

#9DF379

100%

#B4D79C

75:25

#C3BBBA

50:50

#CC9CD7

25:75

#CF79F3

100%

CSSグラデーションコード

background: linear-gradient(to right, #9DF379, #CF79F3);
background: linear-gradient(135deg, #9DF379, #CF79F3);

各色を詳しく見る

#9DF379

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

#CF79F3

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

関連する比較