#7EFA89

#7EFA89

#FA7EEF

#FA7EEF

コントラスト比

1.71:1

Delta E

144.46

Very Different

50:50 ミックス

#CEC4BF

カラー値

フォーマット #7EFA89 #FA7EEF
HEX #7EFA89 #FA7EEF
RGB 126, 250, 137 250, 126, 239
HSL 125.3, 92.5%, 73.7% 305.3, 92.5%, 73.7%
HSV 125.3, 49.6%, 98.0% 305.3, 49.6%, 98.0%
CMYK 49.6%, 0.0%, 45.2%, 2.0% 0.0%, 49.6%, 4.4%, 2.0%
OKLCH 0.8874 0.1885 145.6 0.7713 0.2008 330.7

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

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FA7EEF → 背景色: #7EFA89

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

テキスト: #7EFA89 → 背景色: #FA7EEF

色差 (Delta E)

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

グラデーション

#7EFA89 #A0E99C #B9D7AE #CEC4BF #DFB0CF #ED99DF #FA7EEF

カラーミキシング

#7EFA89

100%

#ADE0A5

75:25

#CEC4BF

50:50

#E6A5D7

25:75

#FA7EEF

100%

CSSグラデーションコード

background: linear-gradient(to right, #7EFA89, #FA7EEF);
background: linear-gradient(135deg, #7EFA89, #FA7EEF);

各色を詳しく見る

#7EFA89

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

#FA7EEF

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

関連する比較