#40FF77

#40FF77

#FF40C8

#FF40C8

コントラスト比

2.32:1

Delta E

177.04

Very Different

50:50 ミックス

#C8B5A4

カラー値

フォーマット #40FF77 #FF40C8
HEX #40FF77 #FF40C8
RGB 64, 255, 119 255, 64, 200
HSL 137.3, 100.0%, 62.5% 317.3, 100.0%, 62.5%
HSV 137.3, 74.9%, 100.0% 317.3, 74.9%, 100.0%
CMYK 74.9%, 0.0%, 53.3%, 0.0% 0.0%, 74.9%, 21.6%, 0.0%
OKLCH 0.8796 0.2333 148.1 0.6968 0.2573 342.4

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

2.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF40C8 → 背景色: #40FF77

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

テキスト: #40FF77 → 背景色: #FF40C8

色差 (Delta E)

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

グラデーション

#40FF77 #86E888 #ACCF97 #C8B5A4 #DE98B1 #F074BD #FF40C8

カラーミキシング

#40FF77

100%

#9BDC8F

75:25

#C8B5A4

50:50

#E787B7

25:75

#FF40C8

100%

CSSグラデーションコード

background: linear-gradient(to right, #40FF77, #FF40C8);
background: linear-gradient(135deg, #40FF77, #FF40C8);

各色を詳しく見る

#40FF77

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

#FF40C8

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

関連する比較