#89F786

#89F786

#F486F7

#F486F7

コントラスト比

1.64:1

Delta E

140.02

Very Different

50:50 ミックス

#CDC5C1

カラー値

フォーマット #89F786 #F486F7
HEX #89F786 #F486F7
RGB 137, 247, 134 244, 134, 247
HSL 118.4, 87.6%, 74.7% 298.4, 87.6%, 74.7%
HSV 118.4, 45.7%, 96.9% 298.4, 45.7%, 96.9%
CMYK 44.5%, 0.0%, 45.7%, 3.1% 1.2%, 45.7%, 0.0%, 3.1%
OKLCH 0.8844 0.1817 143.3 0.7785 0.1914 326.2

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

1.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F486F7 → 背景色: #89F786

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

テキスト: #89F786 → 背景色: #F486F7

色差 (Delta E)

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

グラデーション

#89F786 #A5E79B #BBD7AF #CDC5C1 #DCB2D4 #E99EE5 #F486F7

カラーミキシング

#89F786

100%

#B1DFA5

75:25

#CDC5C1

50:50

#E3A8DD

25:75

#F486F7

100%

CSSグラデーションコード

background: linear-gradient(to right, #89F786, #F486F7);
background: linear-gradient(135deg, #89F786, #F486F7);

各色を詳しく見る

#89F786

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

#F486F7

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

関連する比較