#3CFA54

#3CFA54

#FA3CE2

#FA3CE2

コントラスト比

2.2:1

Delta E

196.09

Very Different

50:50 ミックス

#C5B2A3

カラー値

フォーマット #3CFA54 #FA3CE2
HEX #3CFA54 #FA3CE2
RGB 60, 250, 84 250, 60, 226
HSL 127.6, 95.0%, 60.8% 307.6, 95.0%, 60.8%
HSV 127.6, 76.0%, 98.0% 307.6, 76.0%, 98.0%
CMYK 76.0%, 0.0%, 66.4%, 2.0% 0.0%, 76.0%, 9.6%, 2.0%
OKLCH 0.8625 0.2543 144.5 0.6988 0.2744 334.0

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

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FA3CE2 → 背景色: #3CFA54

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

テキスト: #3CFA54 → 背景色: #FA3CE2

色差 (Delta E)

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

グラデーション

#3CFA54 #84E473 #AACC8C #C5B2A3 #DA95B9 #EC72CE #FA3CE2

カラーミキシング

#3CFA54

100%

#98D880

75:25

#C5B2A3

50:50

#E385C3

25:75

#FA3CE2

100%

CSSグラデーションコード

background: linear-gradient(to right, #3CFA54, #FA3CE2);
background: linear-gradient(135deg, #3CFA54, #FA3CE2);

各色を詳しく見る

#3CFA54

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

#FA3CE2

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

関連する比較